溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

網(wǎng)頁引入css樣式的方法有哪些

發(fā)布時間：2021-07-27 09:24:41 來源：億速云 閱讀：133 作者：chen 欄目：web開發(fā)

本篇內(nèi)容介紹了“網(wǎng)頁引入css樣式的方法有哪些”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

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

代碼如下:


<p >www.kemok4.com</p>

代碼如下:


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

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

代碼如下:


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

代碼如下:


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

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

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

代碼如下:


@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:'漢儀行楷簡'
   }
div{
       font-size:24px;
       background:#0F0;
       font-weight:bold;
       width:60;
       height:90;
   }
span{
   font-size:12px;
   font-weight:normal;
}

代碼如下:


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

</head>

<body>
   <h2>李克強主持召開<span>國務(wù)院</span>常務(wù)會議</h2>
   <h3> 聽取最低生活保障政策落實督查情況匯報</h3>
   部署進一步加強和改進低保工作
   <div>決定將《社會救助暫行辦法（草案）》向社會公開征求意faksdjfkasfkasdfj</div>
</body>
</html>

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

代碼如下:


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

代碼如下:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS在網(wǎng)頁中應(yīng)用的方式_導(dǎo)入式</title>
<style type="text/css">
    @import url("CSS在網(wǎng)頁中應(yīng)用的方式.css");
</style>
</head></p> <p><body>
   <h2>李克強主持召開<span>國務(wù)院</span>常務(wù)會議</h2>
   <h3> 聽取最低生活保障政策落實督查情況匯報</h3>
   部署進一步加強和改進低保工作
   <div>決定將《社會救助暫行辦法（草案）》向社會公開征求意faksdjfkasfkasdfj</div>
</body>
</html>

“網(wǎng)頁引入css樣式的方法有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手