CSS基礎(二) 基礎和語法

2022-02-11 13:18:00 字數 1288 閱讀 7704

css語法

css 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。選擇器通常是您需要改變樣式的 html 元素。

selector
每條宣告由乙個屬性和乙個值組成。

屬性(property)是樣式屬性(style attribute)。每個屬性有乙個值。屬性和值被冒號分開。

selector
例如下面這行**的作用是將 h1 元素內的文字顏色定義為紅色,同時將字型大小設定為 14 畫素。

在這個例子中,h1 是選擇器,color 和 font-size 是屬性,red 和 14px 是值。

引入css樣式

如何插入樣式表,當讀到乙個樣式表時,瀏覽器會根據它來格式化 html 文件。插入樣式表的方法有三種:外部樣式表、內部樣式表和內聯樣式。

1.外部樣式表

當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。標籤在(文件的)頭部:

<

head

>

<

link

rel="stylesheet"

type

="text/css"

href

="site.css"

/>

head

>

2.內部樣式表

當單個文件需要特殊的樣式時,就應該使用內部樣式表。你可以使用 標籤在文件頭部定義內部樣式表,就像這樣:

<

head

>

<

style

type

="text/css"

>

p body

style

>

head

>

3.內聯樣式

由於要將表現和內容混雜在一起,即html**和css**混編,這樣會不利於文件結構,並且不容易維護,所以一般不要使用這種方式引入樣式。例如改變段落的顏色和左外邊距:

<

p style

="color: red; margin-left: 20px;"

>

this is a paragraph

p>

出處:

CSS 基礎語法(二)

css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤,屬性 property 是你希望改變的屬性,並且每個屬性都有乙個值。屬性和值被冒號分開,並由花括號包圍,這樣就組成了乙個完整的樣式宣告 declaration body上面...

CSS語法基礎CSS語法基礎1 基本語法

css語法基礎css語法基礎1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 基本格式如下 selector 選擇符 選擇符是可以是多種形式,一般是你要定義樣式的html標記,例如body p table 你可以通過此方法定義...

CSS基礎語法

css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤,屬性 property 是你希望改變的屬性,並且每個屬性都有乙個值。屬性和值被冒號分開,並由花括號包圍,這樣就組成了乙個完整的樣式宣告 declaration body上面...