如何用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
- 閱讀 ( 716 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章