CSS三種樣式

2022-07-19 13:24:12 字數 1226 閱讀 9588

css 指層疊樣式表 (cascadingstylesheets):

1 內聯樣式:無法復用,在元素style內寫 ,很少使用;

2 內部樣式:在head元素內style屬性內寫,此樣式可以被當前頁面中元素使用,小案例可以用一用;

3 外部樣式:在單獨css檔案中寫的樣式,那個網頁引用該檔案就能復用該樣式 ,一般使用這一種;

例子見下面**:

csstest.html

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>insert title here

title

>

<

style

>

/*style裡是css,css的注釋是這樣寫的

*/h1

h2style

>

<

link

rel

= "stylesheet"

href

= "my.css"

/>

head

>

<

body

>

<

p style

= "color:blue;"

>css

p>

<

h1>css三種用法

h1>

<

h2>內聯樣式

h2>

<

h3>內部樣式

h3>

<

h4>外部樣式

h4>

body

>

html

>

view code

my.css

/*

my.css, 在單獨css檔案中寫的樣式,那個網頁引用該檔案就能復用該樣式

*/h3h4

view code

顯示效果:

CSS基礎三種樣式

從css 樣式 插入的形式來看基本可以分為以下3種 內聯式 嵌入式和外部式三種 1 內聯式css樣式,就是把css 直接寫在現有的html標籤中,如 這裡文字是紅色。2 嵌入式css樣式,就是可以把css樣式 寫在標籤之間 3 外部式css樣式 也可稱為外聯式 就是把css 寫乙個單獨的外部檔案中,...

CSS三種樣式表

外部樣式表的作用 設定乙個外部樣式表,在html頁面的head中新增,通過link標籤標記,rel 指定其樣式為stylesheet,type 指定其格式為text css,herf 指定到欲應用的css樣式檔案。表此樣式表應用於當前整個頁面效果,內部樣式表的作用 設定乙個內部樣式表,在html頁面...

引入css樣式的三種方式

第一種 內部樣式表 charset utf 8 寒假練習title head style width 1000px height 1000px background color red font size 20px text align center 求索網工作室 body html 第二種 行間樣...