css a标签去掉下划线_CSS -- 三大特性
生活随笔
收集整理的這篇文章主要介紹了
css a标签去掉下划线_CSS -- 三大特性
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Ⅰ 繼承性
- 給某一個(gè)元素設(shè)置一些屬性,該元素的后代也可以使用,這個(gè)我們就稱之為繼承性
- 只有以color、font-、text-、line-開頭的屬性才可以繼承
- a標(biāo)簽的文字顏色和下劃線是不能繼承別人的
- h標(biāo)簽的文字大小是不能繼承別人的,會變大,但是會在原來字體大小的基礎(chǔ)上變大
- 通常基于繼承性統(tǒng)一設(shè)置網(wǎng)頁的文字顏色,字體,文字大小等樣式
Ⅱ 層疊行
- CSS全稱:Cascading StyleSheet層疊樣式表,層疊性指的就是CSS處理沖突的一種能力,即如果有多個(gè)選擇器選中了同一個(gè)標(biāo)簽?zāi)敲磿懈采w效果
- 層疊性只有在多個(gè)選擇器選中了同一個(gè)標(biāo)簽,然后設(shè)置了相同的屬性,才會發(fā)生層疊性
Ⅲ 優(yōu)先級
- 當(dāng)多個(gè)選擇器選中同一個(gè)標(biāo)簽,并且給同一個(gè)標(biāo)簽設(shè)置相同的屬性時(shí),如何層疊就由優(yōu)先級來確定
- 整體優(yōu)先級從高到底:行內(nèi)樣式>嵌入樣式>外部樣式
- 行內(nèi)樣式并不推薦使用,所以我們以嵌入為例來介紹優(yōu)先級
- 大前提:直接選中 > 間接選中(即繼承而來的)
- 如果都是間接選中,那么誰離目標(biāo)標(biāo)簽比較近,就聽誰的
- 如果都是直接選中,并且都是同類型的選擇器,那么就是誰寫的在后面就聽誰的
- 如果都是直接選中,并且是不同類型的選擇器,那么就會按照選擇器的優(yōu)先級來層疊
- id > 類 > 標(biāo)簽 > 通配符(也算直接選中) > 繼承 > 瀏覽器默認(rèn)(即沒有設(shè)置任何屬性)
- 優(yōu)先級之!important
- 還有一種不講道理的!import方式來強(qiáng)制指定的屬性的優(yōu)先級提升為最高,但是不推薦使用。因?yàn)榇罅渴褂?import的代碼是無法維護(hù)的
- !important只能用于直接選中,不能用于間接選中
- !important只能用于提升被指定的屬性的優(yōu)先級,其他屬性的優(yōu)先級不會被提升
- !important必須寫在屬性值分號的前面
Ⅳ 優(yōu)先級之權(quán)重計(jì)算
- 如果都是直接選中,并且混雜了一系列其他的選擇器一起使用時(shí),則需要通過計(jì)算機(jī)權(quán)重來判定優(yōu)先級
- 計(jì)算方式
- id數(shù)多的優(yōu)先級高
- id數(shù)相同,則判定類數(shù)多的優(yōu)先級高
- id數(shù)、class數(shù)均相同,則判定標(biāo)簽數(shù)多的優(yōu)先級高
- 若id數(shù)、class數(shù)、標(biāo)簽數(shù)均相同,則無需繼續(xù)往下計(jì)算了,誰寫在后面誰的優(yōu)先級高
總結(jié)
以上是生活随笔為你收集整理的css a标签去掉下划线_CSS -- 三大特性的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: a标签去掉下划线_html中a标签的一些
- 下一篇: CSS 基本样式