html5學習記錄06 認識CSS樣式3中形式

2021-07-09 13:20:38 字數 1210 閱讀 9504

css 樣式由選擇符宣告組成,而宣告又由屬性組成,如下圖所示:

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

宣告:在英文大括號「{}」中的的就是宣告,屬性和值之間用英文冒號「:」分隔。當有多條宣告時,中間可以英文分號「;」分隔,如下所示:

注意:1、最後一條宣告可以沒有分號,但是為了以後修改方便,一般也加上分號。

2、為了使用樣式更加容易閱讀,可以將每條**寫在乙個新行內

3、在css中也有注釋語句:用/*注釋語句*/來標明(html中使用)

從css 樣式**插入的形式來看基本可以分為以下3種:內聯式、嵌入式和外部式三種

內聯式css樣式表就是把css**直接寫在現有的html標籤中,如下面**:

這裡文字是紅色。

css樣式**要寫在style=""雙引號中,如果有多條css樣式**設定可以寫在一起,中間用分號隔開。

嵌入式css樣式,就是可以把css樣式**寫在標籤之間。如下面**實現把三個標籤中的文字設定為紅色:

嵌入式css樣式必須寫在之間,並且一般情況下嵌入式css樣式寫在之間。 

外部式css樣式(也可稱為外聯式)就是把css**寫乙個單獨的外部檔案中,這個css樣式檔案以「.css」為副檔名,在內(不是在標籤內)使用標籤將css樣式檔案鏈結到html檔案內,如下面**:

注意:1、css樣式檔名稱以有意義的英文本母命名,如 main.css。

2、rel="stylesheet" type="text/css" 是固定寫法不可修改。

3、標籤位置一般寫在標籤之內。

這三種樣式是有優先順序的,記住他們的優先順序:內聯式 > 嵌入式 > 外部式;   其實總結來說,就是--就近原則(離被設定元素越近優先級別越高)

Html5學習記錄

br 換行符 1 超連結 a a 屬性 href 鏈結位址 target blank 建立新頁 self 重新整理本頁 2 粗體 b b 3 斜體 i i 4 下劃線 u u 5 刪除線 s s 6 強調 em em 1 table table 2 普通行 tr tr 3 標題行 th th 4 單...

html5學習記錄08 認識css樣式文字排版

我們可以使用css樣式為網頁中的文字設定字型 字型大小 顏色等樣式屬性。body 這裡注意不要設定不常用的字型,因為如果使用者本地電腦上如果沒有安裝你設定的字型,就會顯示瀏覽器預設的字型。因為使用者是否可以看到你設定的字型樣式取決於使用者本地電腦上是否安裝你設定的字型。現在一般網頁喜歡設定 微軟雅黑...

HTML5學習記錄(二)

1 網頁就是使用純文字寫的 1 標籤需要有開始和結束。例如 文字內容 2 根標籤 有且只有乙個,網頁所有的內容都要寫到根標籤裡面 3 子標籤 兩個同級 4 head標籤不會在網頁中直接顯示,只是用於設定一些資訊給瀏覽器使用,幫助瀏覽器解析頁面的 5 body網頁主體,需要展示的內容要寫到這個裡面,網...