如何用Visual Studio实现网页的整体布局
在用Visual Studio编纂网页时，一般要用代码为网页设置整体结构，利用结构可以让网页中的代码加倍规整，便利后期的网页建造和维护，如何用Visual Studio整体结构网页呢？笔者与大师分享一下操作经验。
工具/原料
- Visual Studio 2015
方式/步骤
- 1
打开一个已有的Visual Studio作品，本例为TwoFish网站，网页文件为Default.aspx。
- 2
在网页中，找到body标签，如下图所示。
- 3
接着，鄙人方找到div标签。
- 4
先输入整体结构的代码，此中id="maincontent"暗示设置的是本家儿区域。
- 5
width暗示本家儿区域的宽，height暗示本家儿区域的高，本人将两个值都设置为100%。
- 6
接着，设置对象的位置，用width和height暗示对象的宽高规模。
- 7
margin-left暗示对象离左端距离，margin-right为右端距离，margin-top为对象离顶部的距离，本人将它们都设置为auto。
- 8
最后，设置对象的浮动位置，此中的float暗示位置类型为浮动，本人将其值设置为right，即对象以右边为基准设置在窗口中的位置。
- 9
padding-top暗示对象离顶部的浮动距离，padding-left暗示对象离左边的浮动距离，padding-right暗示对象离右部的浮动距离。
- 10
一个网站的页面结构已设置好了，接下来，就可以自由的在网页中添加对象了。
- 发表于 2018-04-11 00:00
- 阅读 ( 241 )
- 分类：其他类型
