CSS 的引入方式

2021-10-14 23:33:24 字數 1135 閱讀 2598

行內樣式,行間樣式

是通過style屬性來設定元素的樣式

《標籤名

style

="屬性1

:屬性值1;屬性2

:屬性2;

屬性3:屬性3

">

lang

="en"

>

>

charset

="utf-8"

>

head

>

>

style

="color

:red;

font-size

:16px

">

type

="text"

value

="南韓思密達"

style

="color

: red;

font-size

:18px

"/>

div>

body

>

html

>

缺點:沒有與html分離開來

內部樣式表

寫在 head標籤之間

選擇器
type

="text/css"

>

divstyle

>

初步實現了 樣式與結構的分離。

文件仍然較為冗長,只針對當前頁面。

外部樣式表

結構與樣式的完全分離

樣式共享 只寫一次

>

rel=

"stylesheet"

type

="text/css"

href

="path/to/file/"

/>

head

>

/** path/to/file/index.css**/

div h3

kevinguo.cn

CSS的引入方式

通過style標籤屬性,寫入css 這種方式一般不用,因為html和css是分離的,而且他的權重最高,就算css 單獨寫了,一旦用了行內樣式就會覆蓋掉我們以前寫的樣式。style height 100px color red background color aqua 123p 在head下寫 ch...

css的引入方式

style head html href css的url rel stylesheet type text css head html head style font size 24px color red hellodiv 字型24px,顏色紅色 body html type text css i...

CSS的引入方式

css的引入方式最常用的有三種,第一 在head部分加入,引入外部的css檔案。第二 在head部分加入 第三 直接在頁面的標籤裡加 測試資訊 第四 在head部分加入 important本身是乙個css命令,是放在css檔案裡的,這個跟link標籤有很大 的區別。import語法結構 import...