CSS 語法入門基礎(一)

2021-09-05 10:21:56 字數 686 閱讀 5986

css 規則由兩個主要的部分構成:選擇器,以及一條或多條宣告。

selector
選擇器通常是您需要改變樣式的 html 元素。

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

屬性(property)是您希望設定的樣式屬性(style attribute)。每個屬性有乙個值。屬性和值被冒號分開。

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

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

h1
下面的示意圖為您展示了上面這段**的結構:

除了英文單詞 red,我們還可以使用十六進製制的顏色值 #ff0000:

p
為了節約位元組,我們可以使用 css 的縮寫形式:

p
我們還可以通過兩種方法使用 rgb 值:

p 

p

請注意,當使用 rgb 百分比時,即使當值為 0 時也要寫百分比符號。但是在其他的情況下就不需要這麼做了。比如說,當尺寸為 0 畫素時,0 之後不需要使用 px 單位,因為 0 就是 0,無論單位是什麼。

CSS入門教程 語法基礎

本例為css入門系列教程,在這一課中我們將學習css的語法基礎,主要學習css的基本語法 選擇符組 類選擇符 id選擇符 包含選擇符 樣式表的層疊性以及,希望能給對網頁製作感興趣的朋友 帶來幫助 css入門教程之語法基礎 1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 p...

CSS基礎入門一

css 層疊樣式表,級聯樣式,簡稱才是樣式表 實現了內容和表示的分離 css和html之間的關係 html是負責網頁的結構 css 是負責構建html元素的樣式 css作用 1.以統一的方式實現樣式的定義 2.提高頁面樣式的可重用性和可維護性1.內聯樣式 行內樣式 將樣式宣告在元素的style屬性中...

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

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