有兩種方式
成都創(chuàng)新互聯(lián)主營(yíng)隆德網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app軟件定制開(kāi)發(fā),隆德h5重慶小程序開(kāi)發(fā)搭建,隆德網(wǎng)站營(yíng)銷推廣歡迎隆德等地區(qū)企業(yè)咨詢
1、在head標(biāo)簽之間添加style標(biāo)簽
2、直接在HTML代碼里添加style屬性,然后在屬性里定義css代碼
3、也可以將1中的style標(biāo)簽里的內(nèi)容放到一個(gè)css文件里,然后在html頁(yè)面引用這個(gè)文件也是一樣的效果
link href="css文件路徑" rel="stylesheet" ?!--這樣就可以了,盡量代碼簡(jiǎn)潔--
4、下面是我的HTML代碼
[img]1.首先打開(kāi)EditPlus軟件,新建一個(gè)樣式表文件,寫入一些樣式,如下圖所示。
2.接下來(lái)我們?cè)诮⒁粋€(gè)樣式表文件,在這個(gè)樣式表文件中通過(guò)import屬性導(dǎo)入上一個(gè)樣式表,如下圖所示。
3.然后在html中我們用link標(biāo)簽導(dǎo)入上面聲明的樣式文件,如下圖所示。
4.接下來(lái)我們運(yùn)行HTML文件,我們可以看到雖然只導(dǎo)入了一個(gè)樣式文件,但是兩個(gè)樣式表的樣式都加載進(jìn)來(lái)了,如下圖所示。
5.另外在運(yùn)用import的時(shí)候一定不要放在樣式下面,如下圖所示,這樣是不生效的。
6.最后運(yùn)用import導(dǎo)入樣式也不要忘了分號(hào),如下圖所示,忘了分號(hào)也是不生效的。
在網(wǎng)頁(yè)中插入CSS樣式表有四種方法
鏈入外部樣式表
鏈入外部樣式表是把樣式表保存為一個(gè)樣式表文件,然后在頁(yè)面中用link標(biāo)記鏈接到這個(gè)樣式表文件,這個(gè)link標(biāo)記必須放到頁(yè)面的head區(qū)內(nèi),如下:
head?
……?
link?href="mystyle.css"?rel="stylesheet"?type="text/css"?media="all"?
……?
/head
內(nèi)部樣式表
內(nèi)部樣式表是把樣式表放到頁(yè)面的head區(qū)里,這些定義的樣式就應(yīng)用到頁(yè)面中了,樣式表是用style標(biāo)記插入的,從下例中可以看出style標(biāo)記的用法:
head?
……?
style?type="text/css"?
hr?{color:?sienna}?
p?{margin-left:?20px}?
body?{background-image:?url("images/back40.gif")}?
/style?
……?
/head
導(dǎo)入外部樣式表
導(dǎo)入外部樣式表是指在內(nèi)部樣式表的style里導(dǎo)入一個(gè)外部樣式表,導(dǎo)入時(shí)用@import,看下面這個(gè)實(shí)例:
head?
……?
style?type=”text/css”?
!--?
@import?“mystyle.css”?
其他樣式表的聲明?
--?
/style?
……?
/head
內(nèi)嵌樣式
內(nèi)嵌樣式的使用是直接將在HTML標(biāo)記里加入style參數(shù)。
p?style="color:?sienna;margin-left:?20px;"?
這是一個(gè)段落?
/p
在jsp頁(yè)面添加css樣式的方法:
和html加入的方式一樣,在head標(biāo)簽之內(nèi),title標(biāo)簽之外寫style/style開(kāi)閉標(biāo)簽,具體樣式內(nèi)容寫到開(kāi)閉標(biāo)簽之內(nèi)。示例如下:
head
title/title
style.input{? color:#f00;}/style
/head
其中,style.span{? color : red;}/style表示將span標(biāo)簽的內(nèi)容置為紅色。
擴(kuò)展資料
上述加css樣式的方法是內(nèi)部樣式,除了內(nèi)部樣式還有外部樣式和內(nèi)聯(lián)樣式。內(nèi)聯(lián)樣式的優(yōu)先級(jí)最高,其次是內(nèi)部樣式,外部樣式的優(yōu)先級(jí)是最低的。
1、 外部樣式
當(dāng)樣式需要應(yīng)用于很多頁(yè)面時(shí),外部樣式表將是理想的選擇。在使用外部樣式表的情況下,可以通過(guò)改變一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。每個(gè)頁(yè)面使用link標(biāo)簽鏈接到樣式表。link標(biāo)簽在(文檔的)頭部,例如:
head
link rel="stylesheet"? type="text/css"? href="path/linkcss.css"/
/head? ??
2、內(nèi)聯(lián)樣式
當(dāng)樣式僅需要在一個(gè)元素上應(yīng)用一次時(shí), 要使用內(nèi)聯(lián)樣式,需要在相關(guān)的標(biāo)簽內(nèi)使用樣式(style)屬性。Style屬性可以包含任何CSS屬性。由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會(huì)損失掉樣式表的許多優(yōu)勢(shì)。例如:
span style="hight:1000px"/span
有四種方式,行內(nèi)樣式,內(nèi)嵌式,鏈接和導(dǎo)入式
行內(nèi)呢是在標(biāo)簽里直接寫,比如div
style="text-align:center;
width:750px;"
內(nèi)嵌是寫在head/head之間,例如:style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋體";font-size:12px;
color:#000000;text-align:center}
--
/style
鏈接和導(dǎo)入沒(méi)有什么太大的區(qū)別,需要簡(jiǎn)歷外部CSS文件,在GW中按ctrl+n有那選項(xiàng)
之后在頁(yè)面head/head之間加入CSS文件所在路徑調(diào)用,如下,link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/