web前端——html基礎筆記 NO.6

標籤：

認識CSS樣式

CSS全稱為“層疊樣式表 (Cascading Style Sheets)”，它主要是用於定義HTML內容在瀏覽器內的顯示樣式，如文字大小、顏色、字型加粗等。

使用CSS樣式的一個好處是通過定義某個樣式，可以讓不同網頁位置的文字有著統一的字型、字型大小或者顏色等。

 

CSS樣式的優勢

要把一段文字中的幾個特定詞彙進行相同的改變。只需要用<span>..</span>將幾個詞括起來。

然後寫類似如下代碼：

span｛   colour：blue； ｝

 

CSS代碼文法

css 樣式由選擇符和聲明組成，而聲明又由屬性和值組成，如所示：

選擇符：又稱選取器，指明網頁中要應用樣式規則的元素，如本例中是網頁中所有的段（p）的文字將變成藍色，而其他的元素（如ol）不會受到影響。

聲明：在英文大括弧“｛｝”中的的就是聲明，屬性和值之間用英文冒號“：”分隔。當有多條聲明時，中間可以英文分號“;”分隔，如下所示：

p{font-size:12px;color:red;}

注意：   一定注意英文符號

1、最後一條聲明可以沒有分號，但是為了以後修改方便，一般也加上分號。

2、為了使用樣式更加容易閱讀，可以將每條代碼寫在一個新行內，如下所示：

p{   font-size:12px;   color:red;}

 

CSS注釋代碼

就像在Html的注釋一樣，在CSS中也有備註陳述式：用/*備註陳述式*/來標明（Html中使用<!--備註陳述式-->)。就像下面代碼：

web前端——html基礎筆記 NO.6