css的基本語法和選擇器

咱們上一章簡單瞭解了怎麼在文件裏寫入css和盒模型的具體結構。
咱們這一章說一下css的語法:
css的語法要點有三點:1.選擇器,2.大括號,3.多條生命。大概的公式是:
選擇器 {聲明1; 聲明2; ... 聲明n }
咱們繼續拿以前的頁面說: css

選擇器是一種在複雜的頁面裏面快速找到你要渲染的(一個或者多個)元素的標示方式 。因爲咱們關於選擇器要講兩章,因此咱們這第一章先帶你認識一下選擇器:
1.全局選擇器

這就是一個很典型的全局選擇器的用法(可是不推薦這麼用)。因爲每一個瀏覽器默認的外邊距和內部的填充距離不同,因此咱們索性就讓全部元素默認沒有外邊距和內部填充距離,用*來所有「初始化」一下,殺傷範圍最大 2.標籤選擇器

經過同一類別的標籤去作選擇的選擇器,殺傷範圍很大 3.類選擇器
類選擇器須要有兩點需求:
A.須要在標籤上加上class屬性
B.寫選擇器名字的時候前面帶上「.」

同一個類選擇器能夠對應着多個標籤

4.ID選擇器
ID選擇器一樣有兩點需求
A.在標籤上加上id作爲屬性
B.寫選擇器的時候要加上「#」

理論上來講一個id選擇器只能對應着一個標籤,殺傷性最小,可是又最精準。
那麼問題來了若是在一個類選擇器和id選擇器和標籤選擇器同時存在的狀況下咱們css渲染該聽誰的呢?這就是咱們下一章要講的選擇器的 權重
相關文章
相關標籤/搜索