0222CSS學習 樣式

2021-07-27 08:25:05 字數 1384 閱讀 6833

鄒順強      發表於  2017-02-22  14:55

瀏覽器預設設定的樣式,例如chrome瀏覽器預設最小字型為12px

在hmtl元素內,**如下:

顯示為藍色

顯示為:

顯示為藍色

在hmtl

顯示為藍色

顯示為:

顯示為藍色

上述示例為內部樣式中的「標記選擇器」,之外還有「類選擇器」「id選擇器」:

標記選擇器:

顯示為藍色

類選擇器:

顯示為藍色

id選擇器:

顯示為藍色

3類選擇器的優先順序為:id選擇器》類選擇器》標記選擇器;若在乙個元素中使用多個id選擇器,則優先體現第乙個id;若在乙個元素中同時使用多個類選擇器,則按類名在style中的順序,在下面的優先體現,如下: 

定義內部樣式.inside{}為紅色;.inside2{}為藍色;.inside3{}為黃色;:

**1:顯示為藍色

**2:顯示為藍色

**2:顯示為黃色

顯示為:

**1:顯示為紅色

**2:顯示為藍色

**3:顯示為黃色

注意不能寫成:

顯示為藍色

在hmtl外新建.css格式檔案,並在html內引入.css格式: 

在.css檔案中直接設定樣式:p 

引入.css檔案:link rel="stylesheet" type="text/css" href="css.css> 

顯示為藍色

顯示為:

顯示為藍色

最終體現內聯樣式,例如: 

定義內部樣式.inside{}為紅色:

**:顯示為藍色

顯示為:

顯示為藍色

同理,內聯樣式與外部樣式同時使用,最終體現內聯樣式

按引入**的位置體現,若引入**在style列表後,則體現外部樣式,若style在後,則體現內部樣式,例如: 

引入.css檔案,定義.outdide1{}為藍色(放在前面):link rel="stylesheet" type="text/css" href="css.css> 

定義內部樣式.inside{}為紅色:

**1:顯示為紅色

**2:顯示為紅色

顯示為:

**1:顯示為紅色

**2:顯示為紅色

定義內部樣式.inside{}為紅色:

引入.css檔案,定義.outside2{}為綠色(放在後面):link rel="stylesheet" type="text/css" href="css2.css> 

**1:顯示為綠色

**2:顯示為綠色

顯示為:

**1:顯示為綠色

**2:顯示為綠色

css樣式學習?

在要用時選取那段文字,再在css面板上點一下 bgstyle 就行了。8 如何給部分文字加背景影象?與加背景色操作類似,中是在背景在選擇載入圖象就是了,乙個定義好的加背景圖象的css例子的 是這樣的 在要用時選取那段文字,再在css面板上點一下 imgbgstyle 就行了。9 如何使頁面的背景在文...

css樣式學習3

1.文字居中顯示 通過設定文字的行高於外部容器高度一致 可以實現文字垂直居中 例 width 200px height 100px border 1px solid red text align center line height 100px 2.背景 背景顏色 background color ...

css樣式學習7

絕對定位 採用絕對定位的元素,會尋找離他最近的採用了定位的父元素,並以他為座標進行定位,如果所有的父元素都沒有使用定位,則以body為座標進行定位,並且元素占用的空間會被其他元素占用以下是 實現 html lang en head meta charset utf 8 style left,cent...