HTML檔案中使用css和div

2021-10-09 17:26:09 字數 1441 閱讀 8737

div標籤

在頁面中劃分一塊區域,要實現顯示效果,就要用到css樣式。

style

="color:aquamarine;

font-size

: 100px;

border

: 1px solid red;

">

html-div-css

div>

同一屬性間的不同值用空格分開

不同屬性間用「;」分開

這種方式雖然簡便,但是html**和css**耦合在一起,另外如果多個標籤都需要使用相同的樣式,比較麻煩,重複**會過多;

就是把css**抽出來,單獨寫成乙個檔案,再把它匯入到html檔案中。

1.先編寫css檔案

div

2.在html檔案中引入

>

charset

="utf-8"

>

>

css1title

>

rel=

"stylesheet"

type

="text/css"

href

="../css/css1.css"

>

head

>

這樣一來,html檔案中就不會有css的標籤和資訊,修改的話只修改css檔案即可。

和編寫單獨css檔案類似,只是把css樣式資訊寫在html檔案的標籤中。

>

charset

="utf-8"

>

>

title

>

type

="text/css"

>

divstyle

>

head

>

css選擇器

假若css檔案中存在以下內容

}-->

#div0

}-->

.div1

div

在html檔案中編寫以下內容

>

"div0"

>

>

我是span0span

>

div>

class

="div1"

>

>

我是span1span

>

div>

>

>

我是span2span

>

div>

body

>

html中使用css的方法

1,行列樣式 12 p style color 66c font size 18px fjdksfjs p 2,內嵌式 包含三種標記選擇器 1 style type text css 23 456.red712 13.green 1418 size 1922 23 blod 2429 yellow ...

html中使用css的方法

1,行列樣式 12 p style color 66c font size 18px fjdksfjs p 2,內嵌式 包含三種標記選擇器 1 style type text css 23 456.red712 13.green 1418 size 1922 23 blod 2429 yellow ...

HTML和CSS結合使用

第一種方式 在標籤的style屬性上設定 key value value 修改標籤樣式標籤一 缺點 1.量龐大 2.可讀性差 3.css 沒什麼復用性可言 第二種方式 在head標籤中,使用style標籤定義自己的需求的css樣式 標籤一 標籤二缺點 1.只能在乙個頁面內復用 2.維護起來不方便,實...