国产探花免费观看_亚洲丰满少妇自慰呻吟_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>  
  • 發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
  • 主站蜘蛛池模板: 拉萨市| 吉木萨尔县| 开封市| 左贡县| 石河子市| 林甸县| 大理市| 扬中市| 多伦县| 汕头市| 上林县| 黄梅县| 黑水县| 攀枝花市| 松桃| 云阳县| 北海市| 淅川县| 竹北市| 通渭县| 襄樊市| 锡林浩特市| 保康县| 开阳县| 青河县| 隆尧县| 罗田县| 教育| 漳州市| 屯昌县| 北碚区| 都江堰市| 亚东县| 芮城县| 富源县| 启东市| 吉水县| 增城市| 定安县| 叙永县| 新巴尔虎左旗|