css三種引入方式

2022-04-03 22:29:55 字數 1051 閱讀 9733

行內:標籤內部

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...