日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
八大技巧輕松書(shū)寫CSS

本文向大家描述一下書(shū)寫CSS簡(jiǎn)單實(shí)用的8個(gè)技巧，主要包括結(jié)構(gòu)，整合，注釋和驗(yàn)證等內(nèi)容，希望對(duì)你的學(xué)習(xí)有所幫助。

書(shū)寫CSS簡(jiǎn)單實(shí)用的8個(gè)技巧

這篇文章主要幫助剛接觸CSS的朋友，通過(guò)該文章，可以幫助大家更好的理解CSS。

1.結(jié)構(gòu)

保持CSS結(jié)構(gòu)清晰，不僅有助于保持CSS文件的簡(jiǎn)單，也利于日后的檢查、更改。

這種不推薦：

BODY

 
 
 
    
  
  
  
  1. {margin-top:5px; 
    2. 
  
  
  
  2. font-family:Arial,Helvetica, 
    3. 
  
  
  
  3. sans-serif;font-size:14px;color:#3b5f83;} 
    4.

推薦這種寫法：

BODY

 
 
 
    
  
  
  
  1. { 
    2. 
  
  
  
  2. margin-top:5px; 
    3. 
  
  
  
  3. font-family:Arial,Helvetica,sans-serif; 
    4. 
  
  
  
  4. font-size:14px; 
    5. 
  
  
  
  5. color:#3b5f83; 
    6. 
  
  
  
  6. } 
    7. 
  
  
  
  7.

2.保持簡(jiǎn)潔

保持代碼簡(jiǎn)潔，可以大幅減小CSS文件的大小。

不推薦：

 
 
 
    
  
  
  
  1. padding-top:10px; 
    2. 
  
  
  
  2. 
  
  
  
  3. padding-right:5px; 
    4. 
  
  
  
  4.

可以簡(jiǎn)寫：

 
 
 
    
  
  
  
  1. padding:10px5px00; 
    2. 
  
  
  
  2.

3.Paddingvs.Margin

對(duì)于瀏覽器來(lái)說(shuō)，Margin是兼容性最差的一個(gè)屬性。因此，只要條件允許，應(yīng)該盡可能的使用Padding屬性。#p#

4.整合

在下面的例子中定義了一個(gè)公共的Class，來(lái)代替不同的地方都要用到的相同的代碼：color:grey。

 
 
 
    
  
  
  
  1. .header-content{ 
    2. 
  
  
  
  2. 
  
  
  
  3. font-size;12px; 
    4. 
  
  
  
  4. 
  
  
  
  5. color:grey; 
    6. 
  
  
  
  6. 
  
  
  
  7. } 
    8. 
  
  
  
  8. 
  
  
  
  9. .body_content{ 
    10. 
  
  
  
  10. 
  
  
  
  11. font-size:12px; 
    12. 
  
  
  
  12. 
  
  
  
  13. color:grey; 
    14. 
  
  
  
  14. 
  
  
  
  15. } 
    16. 
  
  
  
  16. 
  
  
  
  17. .footer_content{ 
    18. 
  
  
  
  18. 
  
  
  
  19. font-size:11px; 
    20. 
  
  
  
  20. 
  
  
  
  21. color:grey; 
    22. 
  
  
  
  22. 
  
  
  
  23. } 
    24. 
  
  
  
  24.

 其實(shí)可以這樣：

 
 
 
    
  
  
  
  1. *{color:grey;} 
    2. 
  
  
  
  2. 
  
  
  
  3. .body_content{font-size:12px;} 
    4. 
  
  
  
  4. 
  
  
  
  5. .footer_content{font-size:11px;} 
    6.

5.注釋

在適當(dāng)?shù)奈恢眉尤胍粭l簡(jiǎn)單的注釋，不僅有助于你了解代碼，其他人也可以很好的理解你的代碼。

/*這里開(kāi)始定義網(wǎng)址www.zdbase.com*/

6.驗(yàn)證

***對(duì)已經(jīng)創(chuàng)建好的CSS文件進(jìn)行驗(yàn)證，這樣可以幫助你找到文件中存在的錯(cuò)誤。

7.避免在XHTML中使用樣式

不要在Xhtml代碼中使用樣式，這樣不僅會(huì)增加網(wǎng)頁(yè)文件的大小，而且也會(huì)使代碼混亂，變復(fù)雜。例如下面這種不推薦：

 
 
 
    
  
  
  
    2. 
  
  
  
  2. 
  
  
  
  3. 這種用樣式的方法不好 h2>
    4. 
  
  
  
  4. 
  
  
  
  5.  div>
    6. 
  
  
  
  6.

 8.命名

使用標(biāo)準(zhǔn)的可以從字面上正確理解的ID和Class名稱，而不僅僅是代號(hào)。

下面這種不推薦：

 
 
 
    
  
  
  
  1. .a1{color:grey;} 
    2. 
  
  
  
  2. 
  
  
  
  3. .b1{font-size:11px;} 
    4.

推薦這種寫法：

 
 
 
    
  
  
  
  1. .body_content{color:grey;} 
    2. 
  
  
  
  2. 
  
  
  
  3. .foot_content{font-size:11px;} 
    4.

文章題目：八大技巧輕松書(shū)寫CSS
網(wǎng)頁(yè)路徑：http://www.5511xx.com/article/cdopgdo.html