CSS第一節

? ? 什么是CSS

定義:重疊樣式表,控制頁面和布局

CSS樣式

所有的標簽都有一個默認樣式


內聯式 ? ?在行內寫style樣式

內嵌式 ?在head內嵌套style

外聯CSS樣式 ? ?rel指定Html與css的文本樣式,href 是連接外部樣式表的

導入樣式表 ? ? ?@import url(main.css) ? //將css樣式表導入到當前的位置,且放在所 ? ? ? ? ? ? ? ? ? ? ? ?有樣式設置之前

CSS語法

color:前景色 background-color:背景色

width/height ? 設置div的寬度/高度

塊注釋

/*start*/

塊內容

/*end*/

*{ font-size: 16px; } ? ? ? ?//通配符選擇器,*代表選擇當的頁面中的所有的標簽

#id .class類(選擇器)

一個id地址只可在網頁設置中出現一次(id標簽設置不能是標簽名),類標簽可以多次選擇(類標簽也可以一次選擇多個類) ? ? /*頁面開發建議多使用class類 ,當確定只會出現一次時時用id選擇器*/

CSS復合選擇器

h3.purple-black{} ? ? //是指即是h3標簽又有.purple-black屬性

.box li{ color: green;} ? ?//類.box對應下的li標簽的后代選擇器

div li{} ? ? ? ? //div對應下的li標簽的后代選擇器

.class,h3{ color:green;} ? //并集選擇器,類class和h3標簽有共同的屬性

h > p ? ? ? ? ?//h 標簽下的所有p標簽都有該屬性,若低一級別的則沒有

優先權 ? ? ? ? ?//誰的權重優先,顯示誰的

屬性選擇器

h1[id][class] ? ? ?把同時擁有id 和class屬性的h1標簽給篩選出來

偽類

:link/:hover/:visited ?超鏈接未訪問/鼠標懸掛/訪問過的超鏈接

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • CSS定義: CSS 指層疊樣式表 (Cascading Style Sheets) CSS通常稱為CSS樣式表或...
    顯然2017閱讀 886評論 0 8
  • CSS第一節 CSS :層疊樣式表 (Cascading Style Sheets)或級聯樣式表。 CSS用途:主...
    金妮ing閱讀 480評論 0 1
  • 2.5類選擇器 類選擇器,是對HTML標簽中class屬性進行選擇。CSS類選擇器的選擇符是 "."例如:.dem...
    千里一線緣閱讀 545評論 0 0
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,620評論 32 459
  • 1.1CSS語法 選擇符 屬性聲明 括號 換行不敏感、空格不敏感 案例: div { color:red;} p{...
    千里一線緣閱讀 504評論 0 0