行內:標籤內部
head內 style標籤
link 引入外部 href rel="stylesheet"
style type
@import url();
style
.選擇類
#選擇id
一、三種css樣式規則的定義語法(名稱、語法、使用方式):
1、標記選擇器:標記名稱
p2、id選擇器:#id名稱
3、類選擇器:.類名稱
二、css的三種使用方式:
1、行內樣式:在標籤體中使用style樣式屬性進行樣式規則的定義
2、內嵌樣式:把樣式規則嵌入到當前html網頁中
3、外部樣式:把樣式規則通過另乙個檔案進行定義
匯入外部樣式:
a、link:放在標籤體中
b、import:需要放在樣式標籤體中
三、css樣式使用的優先順序:
行內樣式 > 內嵌樣式 > 外部樣式 (注意外部樣式的link位置)
1<
link
rel="stylesheet"
type
="text/css"
href
="./css.css"
>
1<
style
type
="text/css"
>
2@import url(css.css);
3style
>
1<
style
type
="text/css"
>
2body
5style
>
1<
body
style
="color:blue;"
>
2 this is my html page. <
br>
3body
>
CSS的三種引入方式
內聯css也稱為行內css或者行級css,它直接在標籤內引入。優點 便捷 高效 缺點 不能夠重用樣式,行數多的時候不建議使用 頁級css也稱為內部css,整體放在head標籤裡面,在style標籤裡面定義樣式,作用範圍僅限於本頁面。缺點 可維護性差 外聯css也稱為外部css,在實際專案中通常使用此...
CSS引入的三種方式
目的 為了把樣式和內容分開,並且使網頁元素更加豐富,引入了css css頁面引入有三種方式 1 內聯式 比較不常用,因為內容和樣式仍然在一起,不方便。示例 傳統布局 使用table來做整體頁面的布局 總結 這種方式來製作頁面現在也不是很多了,感覺並不是很高效。需要先用photoshop量出頁面布局具...
CSS的三種引入方式
1,行內式 直接寫在html標籤中,控制當前標籤,對其他標籤不起作用 我是盒子 2,內嵌式 一般寫在head標籤中,但理論上寫在什麼位置都可以,可以控制整個頁面的樣式 doctype html en utf 8 document title pink style head pink 我是盒子 div...