css 基礎筆記

2021-05-26 15:26:55 字數 626 閱讀 7712

css 樣式的兩種引用方式:

1.

body

h1,h2

2.
.attention
用粗體顯示所有class屬性為:「attention」的標記。

3.聯合使用

p.attention

表示在p中有class =「attention」屬性時除了用粗體顯示以外,還應該用紅色顯示。

4.除了class以外還用應用在指定id屬性的元素規則。

#p1

上列中是用於隱藏id為p1的元素。

當同乙個 html 元素被不止乙個樣式定義時,會使用哪個樣式呢?

一般而言,所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中,其中數字 4 擁有最高的優先權。

瀏覽器預設設定

外部樣式表

內部樣式表(位於 標籤內部)

內聯樣式(在 html 元素內部)

因此,內聯樣式(在 html 元素內部)擁有最高的優先權,這意味著它將優先於以下的樣式宣告:標籤中的樣式宣告,外部樣式表中的樣式宣告,或者瀏覽器中的樣式宣告(預設值)。

CSS 基礎筆記

css cascading style sheets 層疊樣式表 主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小 顏色 字型加粗等。示例 頂過枯燥無味的學習!css樣式 內聯式 直接把css 寫在html標籤裡 超酷的網際網路 嵌入式 把css 寫在標籤之間。外部式 外聯式 把css 寫...

CSS基礎筆記

1 常見css屬性1.1.background color 設定元素背景顏色 1.2.border 設定圍繞元素的邊框 1.3.color 設定元素的前置顏色 1.4.font size 設定元素文字的字型大小 1.5.height 設定元素的高度 1.6.padding 設定元素與邊框的間距 1....

CSS基礎筆記

css基礎語法 css中的方向 順時針方向 自定義元素屬性之前很重要的一點是清楚系統預設的屬性,比如清楚系統預設的內邊距和外邊距。繼承關係 子區域繼承父區域的樣式,同時,子區域也可以對父區域的樣式進行重寫,或者說覆蓋。選擇器 不同的選擇器修飾於同一元素,按照優先順序,選擇器依次是id選擇器,類選擇器...