偽類選擇器：

偽類是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像類一樣定義,因為是瀏覽器預先設定好的。

a一般順序是:a:link{} 未訪問狀態鏈接

a:visited{}已訪問狀態鏈接

a:hover{}鼠標懸停上時狀態

還有其他偽類,如first-child對應第一個子元素,last-child最后一個子元素,nth-child(even/2n)第偶數個子元素,nth-child(odd/2n+1)第奇數個子元素。

盒模型的定義：

css將每個元素都看做一個盒子,包括以下屬性:

內容區content area:包含內容,內容可以決定大小,也可以自行設定寬度和高度。元素的width屬性指定的就是內容區寬度,可以按像素指定也可以按百分比相對于元素所在容器如body div 的大小來指定。

內邊距padding:內容區外的透明區域,可以看做元素的一部分,對元素設定背景會延伸到內邊距。

邊框border:內邊距周圍的邊框。

外邊距margin:邊框外的透明區域,提供元素與元素之間的間隔,元素背景不會延伸到外邊距。元素的(內聯,如圖像)左右外邊距會相加,(塊元素)上下外邊距會折疊,取最大的,嵌套也是如此。另外,浮動元素的外邊距與正常流中的外邊距不會折疊。

總結

以上是生活随笔為你收集整理的HTML和css重要的知识点,html 和 css 基础知识点（一）(示例代码)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。