鄒順強 發表於 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...