偽類選擇器：

偽類是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像類一樣定義,因?yàn)槭菫g覽器預(yù)先設(shè)定好的。

a一般順序是:a:link{} 未訪問狀態(tài)鏈接

a:visited{}已訪問狀態(tài)鏈接

a:hover{}鼠標(biāo)懸停上時狀態(tài)

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

盒模型的定義：

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

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

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

邊框border:內(nèi)邊距周圍的邊框。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。