亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

CSS基礎

dunizb / 3383人閱讀

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

概述:

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

基本規(guī)則:

級聯:

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

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

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

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

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

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

選擇器分類:

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

?

?


?

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

轉載請注明本文地址:http://www.ezyhdfw.cn/yun/2016.html

相關文章

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

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

    EscapedDog 評論0 收藏0
  • 關于CSS Reset 那些事(四)之 構架CSS基礎樣式庫

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

    mj 評論0 收藏0
  • 關于CSS Reset 那些事(四)之 構架CSS基礎樣式庫

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

    Yu_Huang 評論0 收藏0
  • 前端之CSS基礎學習

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

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

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

    mingzhong 評論0 收藏0

發(fā)表評論

0條評論

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