欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

網(wǎng)頁(yè)引入css樣式的幾種方法

  發(fā)布時(shí)間:2014-01-14 14:48:10   作者:佚名   我要評(píng)論
本文介紹了網(wǎng)頁(yè)引入css樣式的幾種方法,包括內(nèi)聯(lián)式樣式表、嵌入式樣式表、外鏈?zhǔn)?、?dǎo)入式,大家參考使用吧

內(nèi)聯(lián)式樣式表:直接寫在現(xiàn)有的標(biāo)記中,比如:

復(fù)制代碼
代碼如下:

<p style="font-size:24px;">www.dbjr.com.cn</p>


復(fù)制代碼
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
<html xmlns="<a >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS在網(wǎng)頁(yè)中應(yīng)用的方式_內(nèi)聯(lián)式</title>
</head>
<body>
<p style="font-size:24px;">0.5秒三分絕殺!波特蘭上演波什時(shí)刻 第N次拯救熱火</p>
<h1 style="font-weight:normal; color:#900;">玩命暴扣扳平+助攻絕殺三分 熱火太幸運(yùn)有這顆隊(duì)魂</h1>
<p>熱火今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p>詹波為小弟惡犯叫屈 當(dāng)事人他都起飛了!肯定假摔</p>
<p>斯帥稱客戰(zhàn)開(kāi)拓者奧登不打 波什:他很快就可復(fù)出</p>
</body>
</html>

嵌入式樣式表:使用<style></style>標(biāo)簽嵌入到HTML文件的頭部中<head>標(biāo)記中,如:


復(fù)制代碼
代碼如下:

<style type="text/css">
p{font-size:18px; color:#093;}
</style>


復(fù)制代碼
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
<html xmlns="<a >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS在網(wǎng)頁(yè)中應(yīng)用的方式_嵌入式</title>
<style type="text/css">
p{font-size:24px; color:#F03;}
</style>
</head></p> <p><body>
<p>0.5秒三分絕殺!波特蘭上演波什時(shí)刻 第N次拯救熱火</p>
<h1>玩命暴扣扳平+助攻絕殺三分 熱火太幸運(yùn)有這顆隊(duì)魂</h1>
<p>熱火今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p>詹波為小弟惡犯叫屈 當(dāng)事人他都起飛了!肯定假摔</p>
<p>斯帥稱客戰(zhàn)開(kāi)拓者奧登不打 波什:他很快就可復(fù)出</p>
</body>
</html>

外鏈?zhǔn)?/strong>:使用<link>標(biāo)簽調(diào)用CSS文件(開(kāi)發(fā)中用這種方式)

CSS在網(wǎng)頁(yè)中應(yīng)用的方式.css

復(fù)制代碼
代碼如下:

@charset "utf-8";
/* CSS Document */
/*
CSS文件中也可以導(dǎo)入其他的css文件
*/
body{
font-size:18px;
background:#FF0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-family:'漢儀行楷簡(jiǎn)'
}
div{
font-size:24px;
background:#0F0;
font-weight:bold;
width:60;
height:90;
}
span{
font-size:12px;
font-weight:normal;
}


復(fù)制代碼
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
<html xmlns="<a >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS在網(wǎng)頁(yè)中應(yīng)用的方式_</title>
<link href="CSS在網(wǎng)頁(yè)中應(yīng)用的方式.css" rel="stylesheet" type="text/css" />

</head>

<body>
<h1>主持召開(kāi)常務(wù)會(huì)議</h1>
<h2> 聽(tīng)取最低生活保障政策落實(shí)督查情況匯報(bào)</h2>
部署進(jìn)一步加強(qiáng)和改進(jìn)低保工作
<div>決定將《社會(huì)救助暫行辦法(草案)》向社會(huì)公開(kāi)征求意faksdjfkasfkasdfj</div>
</body>
</html>

導(dǎo)入式:也可以使用導(dǎo)入方式import,但這種方式和內(nèi)嵌式一樣會(huì)占用網(wǎng)頁(yè)文件的大小,并且有的瀏覽器解析會(huì)有問(wèn)題,就是先顯示網(wǎng)頁(yè)內(nèi)容在給網(wǎng)頁(yè)內(nèi)容加樣式

復(fù)制代碼
代碼如下:

<style type="text/css">
@import url(css文件)
</style>


復(fù)制代碼
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
<html xmlns="<a >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS在網(wǎng)頁(yè)中應(yīng)用的方式_導(dǎo)入式</title>
<style type="text/css">
@import url("CSS在網(wǎng)頁(yè)中應(yīng)用的方式.css");
</style>
</head></p> <p><body>
<h1>主持召開(kāi)常務(wù)會(huì)議</h1>
<h2> 聽(tīng)取最低生活保障政策落實(shí)督查情況匯報(bào)</h2>
部署進(jìn)一步加強(qiáng)和改進(jìn)低保工作
<div>決定將《社會(huì)救助暫行辦法(草案)》向社會(huì)公開(kāi)征求意faksdjfkasfkasdfj</div>
</body>
</html>

相關(guān)文章

最新評(píng)論