CSS最基礎的語法和三種引入方式

2022-07-29 14:09:28 字數 820 閱讀 4201

**css語法**

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

selector   

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

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

selector   

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

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

h1   

**引入css樣式**

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

1.外部樣式表

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

head>  

2.內部樣式表

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

p   

body   

style>  

head>  

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

this is a paragraph  

p>  

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...