国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML+CSS項目開發經驗總結(推薦)

2019-10-26 17:19:18
字體:
來源:轉載
供稿:網友

好幾天沒更新博客了,剛實戰完一個HTML+CSS的簡單項目。經過幾天的摸索,發現收益良多。之前只是單純得寫demo,看知識點,沒有親自實戰項目。但實戰過后才會了解,如何才能更好地提升自己的技術。針對這次項目開發,我總結了以下內容:

一、技術總結

1、公共樣式的設定

在開始項目之前,我們可以先大體了解一下項目中每個頁面的內容,比如字體樣式,段落結構,文字大小等。我們可以針對這些內容來設定一個固定的樣式文件。在開發中    就可以直接引入此文件,而無需再重復敲CSS代碼。

CSS Code復制內容到剪貼板
  • /*基本樣式*/   * {   
  •     margin:0;        padding:0;                   
  • }    body {   
  •     font-family: "微軟雅黑";    }   
  • .clear {  /*清除兩邊浮動*/       clear: both;   
  • }    .fl {  /*清除左浮動*/  
  •     float: left;    }   
  • .fr {    /*清除右浮動*/       float: rightright;   
  • }      
  • a {  /*去掉鏈接的默認下劃線*/       text-decoration: none;   
  • }    li { /*去掉列表默認樣式*/  
  •     list-style: none;    }  

    需要用到時就直接在類名后加上所要用到的類名即可:

  • <div class="div01 lf"></div>   <div class="div02 clear"></div>  
  • 2、整體布局

    開發項目過程時,若事前先將每一頁的框架搭建好,而后期就只需把具體內容填充進去就可以了。而我就習慣用以下框架來實現頁面整體布局:   

  • <body>           <div id="header"></div><!--頁面頂部內容-->  
  •         <div id="nav"></div><!--導航部分-->           <div id="content"></div><!--頁面中間內容-->  
  •         <div id="footer"></div><!--頁面底部-->   </body>  
  • 發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
  • 主站蜘蛛池模板: 唐海县| 通江县| 遂川县| 青田县| 曲水县| 新巴尔虎左旗| 文昌市| 盘山县| 桑植县| 微博| 咸丰县| 神木县| 满洲里市| 合山市| 凤冈县| 商南县| 松桃| 兴海县| 金昌市| 新干县| 凉城县| 霍邱县| 黄骅市| 乌兰浩特市| 德钦县| 洛阳市| 广德县| 都兰县| 景泰县| 济南市| 盐津县| 津南区| 突泉县| 兴和县| 靖远县| 蒙阴县| 民和| 江源县| 竹山县| 金门县| 从江县|