標籤:tle lin 初學 one oct div lis 表徵圖 har
接下來的下面代碼,只是給了一個大的前端編寫布局,如果你已經是牛人了,就當沒看到,如果是一些初學者,不妨拿去用用,裡面也寫了一些常用的css樣式,現在雖然有很多牛逼的前段架構,用起來也非常得心應手,但是如果你要對自己很多定製化需求,最後肯定是要自己來編寫前端頁面的
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!--網頁標題--> <title>我搜</title> <!--網頁表徵圖--> <link rel="icon" href="//www.jd.com/favicon.ico"> <!--檔案引入CSS樣式--> <link rel="stylesheet" href="niubi.css"> <style> *{ margin:0px; border:0px; padding:0px; font-size:14px; } ul{ list-style:none; } .test{ border:2px yellow bolid; } a{ text-decoration:none; } body{ background:white; } .w{ width:980px; margin:0 auto; } .clear{ clear:both; } .d{ position:relative; } </style></head><body> <!--頁面配置--> <div class="pg-header"> <div class="w"></div> </div> <div class="pg-body"> <div class="w"></div> </div> <div class="pg-foot"> <div class="w"></div> </div> <!--檔案引入js--> <script src="jquery-1.8.2.js"></script> <script> //增加其他代碼 </script></body></html>
HTML頁面配置