css的定義、用法、注釋、命名規則、書寫規范


 


什么是css:

  • css全名是層疊樣式表(Cascading Style Sheets)
  • CSS的作用:給html標簽添加“樣式”,樣式定義了如何顯示 HTML 元素
  • 標簽是可以由自己的屬性去定義樣式的(比如表格可以自定義邊框),為什么要新定義一個CSS來添加樣式呢?因為早期的設計混亂,標簽的樣式屬性沒有“通用”性(不同的標簽有不同的樣式屬性),相對難以去使用。

 


CSS的用法:

 

CSS可以根據位置分成行內式、內聯式、外聯式。

內嵌式:在標簽的style屬性內使用"樣式:參數"來定義樣式(有什么樣式可以看我的另一篇博文:html之CSS樣式學習筆記)。image

內聯式: 在head標簽的style標簽內,使用選擇器方式來定義樣式(關於選擇器,請看我的另一篇博文:html之css選擇器學習)。image

外聯式:在外部的.css文件中定義樣式image,然后使用link標簽引入樣式表image

 


css的注釋:

使用/*  */來注釋,這個注釋可以是多行的/image_thumb[10]

 


css的命名規則:

我們經常會使用class來幫助我們來選擇某些標簽,用來增加某些樣式。class的屬性值的命名規則應該遵循下面幾個:

  • 理論上應該見名知意,比如主要設置居中屬性的css選擇器可以命名為center
  • 可以使用-來命名,但不可以使用_
  • 不要使用純數字、中文來命名。

 


CSS書寫規范:

【只是規范,不遵守的話也能達到效果。有些規范也有些人並不認可。所以這個可以隨意。】

  • 選擇器與{之間必須包含空格
  • 屬性名與后面的:之間不包含空格,
  • :與屬性值之間必須包含空格
  • 包含多個選擇器時,一個選擇器聲明占一行
  • 選擇器的嵌套層級應不大於3級,位置靠后的限定條件應盡可能精確

 



注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com