初學HTML5 CSS樣式(二)

2021-07-16 08:24:31 字數 952 閱讀 5276

-css的兩大重點:

1.屬性:通過屬性的複雜疊加才能做出漂亮的網頁

2.選擇器: 通過選擇器找到對應的標籤設定樣式

選擇器的作用:選擇對應的標籤,為之新增樣式

a.標籤選擇器:根據標籤名找到標籤

我是div標籤

我是段落標籤

b.類選擇器
我是段落標籤

我是div標籤

c.id選擇器
我是div標籤

d.並列選擇器
我是div標籤

我是段落標籤

e.復合選擇器
我是段落標籤

我是div標籤

f.後代選擇器
我是段落標籤

我是span標籤

我是超連結

g.直接後代選擇器
我是段落標籤

我是span標籤

我是超連結

我是二代超連結

h.偽類
我是div標籤

-選擇器的優先級別

css樣式遵循的規律:

1.相同型別的選擇器遵循:a.就近原則 b. 疊加原則

2.不同型別的選擇器遵循:

a.選擇器的針對性越強,它的優先順序就越高

b.選擇器的權值加到一起,大的優先,如果權值相同,後定義的優先

c.import > 內聯 > id > 類|偽類|屬性選擇|偽元素 > 標籤 > 萬用字元 > 繼承

我是用來測試優先順序別的

初學HTML5 CSS樣式(一)

什麼是css css的全稱是cascading style sheets 層疊樣式表 它用來控制html標籤的樣式,在美化網頁中起到非常重要的作用 css的編寫格式是鍵值對形式的比如 color red background color blue font size 20px 冒號 左邊是屬性名,冒...

初學HTML5 CSS樣式(三)

html的標籤型別主要分為三大類 1.塊級標籤 特點 獨佔一行,能隨時設定寬度和高度 示例 div標籤 段落標籤 2.行內標籤 特點 多個行內標籤能同時顯示在一行,不能直接設定寬度和高度,寬度和高度取決於內容的尺寸 示例 我是行內標籤 我是超連結 3 行內 塊級標籤 內聯 塊級標籤 特點 多個行內 ...

Html(5)CSS樣式入門

css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。慕課網,超酷的網際網路 it技術免費學習平台,創新的網路一站式學習 實踐體驗 服務及時貼心 內容專業 有趣易學 專注服務網際網路工程師快速成為技術高...