国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

CSS高級(jí)特性

這篇具有很好參考價(jià)值的文章主要介紹了CSS高級(jí)特性。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

1.CSS復(fù)合選擇器

CSS復(fù)合選擇器:復(fù)合選擇器是由兩個(gè)或多個(gè)基礎(chǔ)選擇器通過(guò)不同的方式組合而成的
1.1 標(biāo)簽指定式選擇器:又稱交集選擇器,由兩個(gè)選擇器構(gòu)成,其中第一個(gè)選擇器為標(biāo)記選擇器,第二個(gè)為class選擇器或id選擇器。兩個(gè)選擇器之間不能有空格。

<style type="text/css">
h3.special{
    color:red;
}
</style>

1.2 后代選擇器:后代選擇器用來(lái)選擇元素或元素組的后代,其寫法就是把外層標(biāo)記寫在前面,內(nèi)層標(biāo)記寫在后面,中間用空格分隔。

<style type="text/css">
        .div1 p{
            color:red;
        }
    </style>

1.3并集選擇器:并集選擇器是各個(gè)選擇其通過(guò)逗號(hào)連接而成的,任何形式的選擇器(包括標(biāo)記選擇器、class類選擇器、id選擇器等),都可以作為并集選擇器的一部分。如果某些選擇器定義的樣式完全相同,或部分相同,都可以利用并集選擇器為他們定義相同的CSS樣式。

p,h1,#mytitle,.one/*定義了一個(gè)并集選擇器,帶有p,h1,id="mytitle",class="one"的標(biāo)簽都內(nèi)容會(huì)顯示紅色*/{
    color:red;
}

2.CSS層疊性和繼承性

2.1 層疊性 所謂層疊性是指多種CSS樣式的疊加。 原則:

1、樣式?jīng)_突,遵循的原則是就近原則,即CSS的書寫位置。

2、樣式不沖突,不會(huì)層疊

2.2 繼承性 所謂繼承性是指書寫css樣式表時(shí),子標(biāo)記會(huì)繼承父標(biāo)記的某些樣式。并不是所有的css屬性都可以繼承。

不具有繼承性的:邊框?qū)傩裕膺吘鄬傩?,?nèi)邊距屬性,背景屬性,定位屬性,布局屬性,元素寬高屬性。 1.首先說(shuō)一個(gè)數(shù)權(quán)重的概念,以做判斷

當(dāng)一個(gè)選擇器我們看到時(shí)就應(yīng)該有一個(gè)數(shù)權(quán)重(權(quán)重在實(shí)戰(zhàn)上沒(méi)有后一位滿多少進(jìn)一位之說(shuō))。

(id數(shù),class數(shù),標(biāo)簽數(shù))

當(dāng)遇到?jīng)_突時(shí)落列出這樣一組數(shù)

然后進(jìn)行比較先比較id,id比其余大就不用往下比較了
CSS高級(jí)特性,前端,css,前端

3.CSS優(yōu)先級(jí)

擁有!important,最有最高的優(yōu)先級(jí)
標(biāo)簽。偽類或偽對(duì)象,優(yōu)先級(jí)分?jǐn)?shù)為1
類、屬性選擇,優(yōu)先級(jí)分?jǐn)?shù)為10 4.id選擇,優(yōu)先級(jí)分?jǐn)?shù)為100 5.style屬性,優(yōu)先級(jí)分?jǐn)?shù)為1000 6.其他選擇符,如統(tǒng)配符,優(yōu)先級(jí)分?jǐn)?shù)為0
作業(yè)代碼

作業(yè)展示

CSS高級(jí)特性,前端,css,前端文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-579215.html

到了這里,關(guān)于CSS高級(jí)特性的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 前端學(xué)習(xí)——css盒子模型、css3新特性、偽類、布局0711TODO

    前端學(xué)習(xí)——css盒子模型、css3新特性、偽類、布局0711TODO

    樣式還是得具體使用才能理解,不然會(huì)忘記也理解不透徹;還有定位,元素溢出,浮動(dòng),布局水平垂直對(duì)齊: css3新特性 1過(guò)渡 2 動(dòng)畫 3 2D、3D轉(zhuǎn)換 偽類 三種定位方式 彈性布局/柵格布局

    2024年02月15日
    瀏覽(162)
  • 前端成神之路-CSS(選擇器、背景、特性)

    目錄 前端成神之路-CSS(選擇器、背景、特性) CSS 第二天 1. CSS復(fù)合選擇器 1.1 后代選擇器(重點(diǎn)) 1.2 子元素選擇器 1.3 交集選擇器 1.4 并集選擇器(重點(diǎn)) 測(cè)試題 1.5 鏈接偽類選擇器(重點(diǎn)) 1.6 復(fù)合選擇器總結(jié) 2. 標(biāo)簽顯示模式(display)重點(diǎn) 2.1 什么是標(biāo)簽顯示模式 2.2 塊級(jí)

    2024年02月08日
    瀏覽(29)
  • 【CSS】CSS 特性 ( CSS 優(yōu)先級(jí) | 優(yōu)先級(jí)引入 | 選擇器基本權(quán)重 )

    【CSS】CSS 特性 ( CSS 優(yōu)先級(jí) | 優(yōu)先級(jí)引入 | 選擇器基本權(quán)重 )

    定義 CSS 樣式時(shí) , 可能出現(xiàn)? 多個(gè) 類型相同的 規(guī)則 ? 定義在 同一個(gè)元素上 , 如果 CSS 選擇器 相同 ?,? 執(zhí)行 CSS 層疊性 ?, 根據(jù)? 就近原則 ?選擇執(zhí)行的樣式 , 如 : 出現(xiàn)兩個(gè) div 標(biāo)簽選擇器 , 都設(shè)置 color 文本顏色 ; 如果 CSS 選擇器 不同 ,? 則需要考慮 CSS 優(yōu)先級(jí) 問(wèn)題 ,? 需要計(jì)

    2024年02月10日
    瀏覽(42)
  • 1. CSS的三大特性

    1. CSS的三大特性

    CSS有三個(gè)非常重要的三個(gè)特性:層疊性、繼承性、優(yōu)先級(jí) 相同選擇器給設(shè)置相同的樣式,此時(shí)一個(gè)樣式就會(huì)覆蓋(層疊)另一個(gè)沖突的樣式。層疊性主要解決樣式?jīng)_突 的問(wèn)題 層疊性原則: ●樣式?jīng)_突,遵循的原則是就近原則,哪個(gè)樣式離結(jié)構(gòu)近,就執(zhí)行哪個(gè)樣式 ●樣式不沖突,不會(huì)

    2024年02月09日
    瀏覽(18)
  • css浮動(dòng)特性

    css浮動(dòng)特性

    2.1 2.2 3.1 3.2 3.3 5.1 案例1 5.2 案例2 5.3 案例3 6.1 6.2 7.1 為什么清除浮動(dòng) 7.2 簡(jiǎn)單補(bǔ)充 7.3 隔墻法 7.4 overflow屬性清除浮動(dòng) 7.5 after偽元素清除浮動(dòng) 7.6 雙偽元素清除浮動(dòng) 7.7 學(xué)成在線案例 git地址: https://gitee.com/xingweicoding/studys.git

    2024年02月06日
    瀏覽(17)
  • CSS3 新特性

    以下以首字母排序: 動(dòng)畫(animate) 圓角(border-radius) 怪異盒模型(box-sizing) 陰影(box-shadow) 背景(eg: background-image,background-clip) css 計(jì)算屬性(calc()) 圖片屬性(filter) flex 布局 線性漸變(gradient) rgba 文字陰影(text-shadow) 變換(transform) 偽元素:偽類 偽元素區(qū)別

    2024年02月14日
    瀏覽(19)
  • CSS_三大特性上_特性繼承和層疊

    特性: 1、子元素有默認(rèn)繼承父元素樣式的特點(diǎn)( 子承父業(yè) ) 2、可以繼承的常見(jiàn)屬性(文字控制屬性都可以繼承) 1.color 2.font-style、font-weight、font-size、font-family 3.text-indent,text-align 4.line-height 注意點(diǎn): 可以通過(guò)調(diào)試工具判斷樣式是否可以繼承 特性: 1、給同一個(gè)標(biāo)簽設(shè)置不

    2024年02月08日
    瀏覽(22)
  • css基礎(chǔ)知識(shí)十一:CSS3新增了哪些新特性?

    css基礎(chǔ)知識(shí)十一:CSS3新增了哪些新特性?

    一、是什么 css,即層疊樣式表(Cascading Style Sheets)的簡(jiǎn)稱,是一種標(biāo)記語(yǔ)言,由瀏覽器解釋執(zhí)行用來(lái)使頁(yè)面變得更為美觀 css3是css的最新標(biāo)準(zhǔn),是向后兼容的,CSS1/2的特性在CSS3 里都是可以使用的 CSS3 也增加了很多新特性,為開(kāi)發(fā)者帶來(lái)了更佳的開(kāi)發(fā)體驗(yàn) 從幾個(gè)維度列舉一些

    2024年02月11日
    瀏覽(27)
  • CSS3 的新特性

    CSS3 給我們新增了選擇器,可以更加便捷,更加自由的選擇目標(biāo)元素。 屬性選擇品可以根據(jù)元素 特定屬性 的來(lái)選擇元素。這樣就可以不用借助于類或者id選擇器。 選擇符 簡(jiǎn)介 E[att] 選擇具有 att 屬性的E 元素。 E[att=\\\"val\\\"] 選擇具有 att 屬性且厲性值等于 val 的E 元素。 E[att^=\\\"v

    2024年02月06日
    瀏覽(22)
  • css3的新特性

    css3的新特性

    動(dòng)畫效果 過(guò)渡 transition 鼠標(biāo)放上去瞬間變大 過(guò)渡是變大的過(guò)程慢慢變化 第一個(gè)參數(shù):對(duì)哪些值進(jìn)行過(guò)渡。all為hover中所有,也可以指定屬性 第二個(gè)參數(shù):讓動(dòng)畫過(guò)渡多長(zhǎng)時(shí)間。要添加單位(s秒) 第三個(gè)參數(shù):運(yùn)動(dòng)軌跡。linear表示線性,即勻速過(guò)渡 第四個(gè)參數(shù):延時(shí)時(shí)間。

    2024年02月16日
    瀏覽(23)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包