1、 css 元素選擇器權(quán)重,css應(yīng)用范圍?
在HTML中使用CSS,包括行內(nèi)樣式、內(nèi)嵌式、鏈接式和導(dǎo)入式等。1.行內(nèi)樣式:
行內(nèi)樣式是使用CSS方法中最為直接的一種,它直接對HTML的標(biāo)記使用style屬性,然后將CSS代碼直接寫入其中
2.內(nèi)嵌式:內(nèi)嵌式樣式表就是將CSS寫在
和之間,并且用標(biāo)記進(jìn)行聲明。示例:內(nèi)嵌式CSS
p{
color: #0000FF;
text-decoration:underline;
font-weight:bold;
font-size:25px;
}
內(nèi)容1……
內(nèi)容2……
內(nèi)容3……
所有的CSS代碼被集中在了同一區(qū)域,方便了后期維護,頁面代碼也大大減少。但如果一個網(wǎng)站擁有很多頁面,對于不同頁面上的
標(biāo)記都采用同樣風(fēng)格時,內(nèi)嵌式方法也有些麻煩,因此更適用于對特殊的頁面設(shè)置單獨的樣式風(fēng)格。
3.鏈接式:鏈接式樣式表使用頻率最高,也是最為實用的方法,它將HTML頁面與CSS樣式風(fēng)格分離為兩個或者多個文件,實現(xiàn)了頁面框架HTML代碼與美工CSS代碼的完全分離,使得前期制作和后期維護都十分方便,網(wǎng)站后臺的技術(shù)人員與美工設(shè)計者也可以很好地分工合作。
同一個CSS文件可以鏈接到多個HTML文件中,甚至可以鏈接到整個網(wǎng)站的所有頁面中,使網(wǎng)站整體風(fēng)格統(tǒng)一、協(xié)調(diào)
2、 css中屬性可以重用么?
答案是不可以。
因為在css中一個元素針對某種樣式只能有一種屬性,如果某種樣式有多個屬性值,那么最下面的屬性值會將之前的屬性值覆蓋掉。
原因是css的屬性和屬性值是以鍵值對的形式存在的,相當(dāng)于js的一個map對象,只能有一個key和一個屬性值,多個信息會造成瀏覽器識別不出來。
3、 CSS偽元素有哪些不得了的用法?
先列出CSS中常用的偽類
a:link {color:#FF0000;} /* 未訪問的鏈接 */
a:visited {color:#00FF00;} /* 已訪問的鏈接 */
a:hover {color:#FF00FF;} /* 鼠標(biāo)劃過鏈接 */
a:active {color:#0000FF;} /* 已選中的鏈接 */
:checked 選擇所有選中的表單元素
:disabled 選擇所有禁用的表單元素
p:first-child 父元素中第一個p元素
比如#div p:first-child{
color:#E4393c;
}
:last-child 父元素中最后一個p元素
p:before
p:after 這兩個常被用來清除浮動
4、 CSS優(yōu)先級算法如何計算?
css 最常用的選擇符是類,即class,還有就是id 和元素,其次有通配符*還有一些偽類和偽元素。
子元素可以繼承父元素的屬性值。
優(yōu)先級的話,id > class >元素>偽類和偽元素。! important 優(yōu)先級最高,但不常用。還有一種是.id > .class 要大于. class, 既優(yōu)先權(quán)可以累加