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