国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS基礎(chǔ)

dunizb / 3320人閱讀

摘要:基本規(guī)則級聯(lián)級聯(lián)是瀏覽器決定應用哪一種樣式的方法,它根據(jù)選擇器的特指度以及規(guī)則集的出現(xiàn)次序起作用。特指度權(quán)重是選擇器識別元素的精確性。選擇器分類元素選擇器偽元素選擇器類選擇器屬性選擇器偽類選擇器選擇器組合選擇器否定選擇器通用選擇器

概述:

  • CSS全稱Cascading Style Sheet,層疊樣式表。
  • 樣式定義如何顯示?HTML 元素。
  • 外部樣式表通常存儲在?CSS 文件中。
  • 多個樣式定義可層疊為一。
  • 瀏覽器從左往右解析選擇器,用以加快瀏覽器的解析速度。

基本規(guī)則:

級聯(lián):

  • 級聯(lián)是瀏覽器決定應用哪一種樣式的方法,它根據(jù)選擇器的特指度以及規(guī)則集的出現(xiàn)次序起作用。
  • 特指度(權(quán)重)是CSS選擇器識別元素的精確性。為選取元素,需要計算特指度(a,b,c,d)。

(1)如果用style屬性應用樣式,則a=1,否則a=0。

(2)b為ID選擇器的數(shù)量。

(3)c為類選擇器屬性選擇器偽類選擇器。

(4)d為類型選擇器偽元素的數(shù)量。

  • 規(guī)則集順序是一個CSS規(guī)則集在樣式表中的位置,如果兩個聲明塊中的選擇器特指度相同,且它們?yōu)橥辉氐哪硞€屬性應用樣式,那么在樣式表中處于相對靠后位置的聲明塊中的屬性的優(yōu)先級較高。
  • style屬性的行內(nèi)樣式優(yōu)先,否則特指度和規(guī)則集順序決定什么元素應用什么樣式。
  • !important聲明可以覆蓋級聯(lián)樣式。

選擇器分類:

  • 元素選擇器:a{ }
  • 偽元素選擇器: ::before{ }
  • 類選擇器:.link{ }
  • 屬性選擇器:[type=radio]{ }
  • 偽類選擇器::hover{ }
  • ID選擇器:#id{ }
  • 組合選擇器:[type=checkbox] + label{ }
  • 否定選擇器:not(.link){ }
  • 通用選擇器:*{ }

?

?


?

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/2016.html

相關(guān)文章

  • #WEB安全基礎(chǔ) : HTML/CSS | 文章索引

    摘要:黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個網(wǎng)頁黑體安全基礎(chǔ)初識黑體安全基礎(chǔ)初識標簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個網(wǎng)頁 #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識CSS #WEB安全基...

    EscapedDog 評論0 收藏0
  • 關(guān)于CSS Reset 那些事(四)之 構(gòu)架CSS基礎(chǔ)樣式庫

    摘要:現(xiàn)在回到我們這一章節(jié)的標題,將它做下補充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫基礎(chǔ)庫構(gòu)思為什么要做基礎(chǔ)庫我上一章節(jié)的末尾拋出了幾個問題假設(shè)你要做一個游戲單頁面,網(wǎng)頁上并不存在表單內(nèi)容,那么你就要移除一些冗余的代碼,開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節(jié),我們都說了哪些內(nèi)容: CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

    mj 評論0 收藏0
  • 關(guān)于CSS Reset 那些事(四)之 構(gòu)架CSS基礎(chǔ)樣式庫

    摘要:現(xiàn)在回到我們這一章節(jié)的標題,將它做下補充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫基礎(chǔ)庫構(gòu)思為什么要做基礎(chǔ)庫我上一章節(jié)的末尾拋出了幾個問題假設(shè)你要做一個游戲單頁面,網(wǎng)頁上并不存在表單內(nèi)容,那么你就要移除一些冗余的代碼,開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節(jié),我們都說了哪些內(nèi)容: CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

    Yu_Huang 評論0 收藏0
  • 前端之CSS基礎(chǔ)學習

    摘要:上面五個問題就是我總結(jié)的基礎(chǔ)概念,學習過程中一定要把它們弄明白別忘了有哦。 請帶著以下幾個問題進行學習 CSS是什么 CSS的引用方式 CSS選擇器 CSS優(yōu)先級 CSS盒模型 基礎(chǔ)知識學習和實例演練教程 MDN中css教程CSS基礎(chǔ)學習教程(css快速入門)CSS參考手冊(便于了解更多css屬性)CSS3教程(適用于移動端開發(fā)的css新特性) 入門學習,一定要快,沒有必要花大量時...

    Hwg 評論0 收藏0
  • 前端菜鳥筆記 Day-3 CSS基礎(chǔ)

    摘要:派生選擇器依據(jù)元素的位置關(guān)系來定義樣式。稱其為上下文選擇器,稱其為派生選擇器。在現(xiàn)在布局中,選擇器常常用于建立派生選擇器。和一樣,也可被用作派生選擇器。 文章大綱來源:【Day 3】HTML復習 + CSS基礎(chǔ) 初識CSS 入門CSS 初識CSS 層疊樣式表(Cascading Style Sheets),即前端常說的CSS。 內(nèi)容引用:CSS 簡介 樣式解決了什么問題? HTML...

    mingzhong 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<