HTML檔案中使用css和div

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.維護起來不方便，實...

HTML檔案中使用css和div

html中使用css的方法

html中使用css的方法

HTML和CSS結合使用

相關推薦