溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇“html中怎么插入CSS樣式”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“html中怎么插入CSS樣式”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。
1.注釋：
(1).HTML的注釋:
(2).CSS的注釋：/**
2.HTML中插入CSS（層疊樣式表）的方法
(1).行內(nèi)樣式(在標簽后面直接寫樣式)
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>行內(nèi)樣式</title>
</head>
<body>
<pstyle="font-famliy:宋體;text-align:center;font-style:italic;text-transform:uppercase;font-size:22px;text-decoration:underline;font-weight:bold;letter-spacing:13px">html中插入css樣式的方法:</br>1行內(nèi)樣式；2內(nèi)部樣式；<br/>3外部樣式；4導(dǎo)入樣式；</p>
</body>
</html>
(2)嵌入式（將樣式和html語言分開寫）
<!doctypehtml><html><head>
<metacharset="utf-8">
<title>行內(nèi)樣式</title>
<styletype="text/css">
p{text-decoration:underline;text-align:center;font-size:26px;font-family:宋體;font-weight:bolder;text-transform:lowercase;letter-spacing:4px;color:pink;background-color:green;}
</style></head><body>
<p>HTML中插入CSS樣式的方法:</br>
1行內(nèi)樣式；2內(nèi)部樣式；<br/>
3外部樣式；4導(dǎo)入樣式；</p></body></html>
3.外部樣式（鏈接式：將CSS和HTML分開寫）?。。?！最常用
first.html
<!doctypehtml><html><head>
<metacharset="utf-8">
<title>行內(nèi)樣式</title>
<linkhref="first.css"type="text/css"rel="stylesheet"></head><body>
<p>HTML中插入CSS樣式的方法:</br>
1行內(nèi)樣式；2內(nèi)部樣式；<br/>
3外部樣式；4導(dǎo)入樣式；</p></body></html>
first.css
p{text-decoration:underline;/*加下劃線*/
text-transform:lowercase;/*大寫字母全部小寫*/
text-align:center;/*居中*/
font-size:23px;/*字體大小*/
font-family:黑體;/*設(shè)置字體*/
font-style:italic;/*設(shè)置字傾斜*/
text-indent:3px;/*設(shè)置首行縮進*/
color:red;/*設(shè)置字體顏色*/
background-color:#ddd;/*設(shè)置背景顏色*/
letter-spacing:4px;}
4.導(dǎo)入式
first.html
<!doctypehtml><html><head>
<metacharset="utf-8">
<title>行內(nèi)樣式</title>
<styletype="text/css">
@importurl(first.css);</style></head><body>
<p>HTML中插入CSS樣式的方法:</br>
1行內(nèi)樣式；2內(nèi)部樣式；<br/>
3外部樣式；4導(dǎo)入樣式；</p></body></html>
first.css
p{text-decoration:underline;/*加下劃線*/
text-transform:lowercase;/*大寫字母全部小寫*/
text-align:center;/*居中*/
font-size:33px;/*字體大小*/
font-family:黑體;/*設(shè)置字體*/
font-style:italic;/*設(shè)置字傾斜*/
text-indent:3px;/*設(shè)置首行縮進*/
color:red;/*設(shè)置字體顏色*/
background-color:#ddd;/*設(shè)置背景顏色*/
letter-spacing:4px;}
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴展性：超級文本標記語言的廣泛應(yīng)用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統(tǒng)擴展帶來保證。 3、平臺無關(guān)性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
以上是“html中怎么插入CSS樣式”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責聲明：本站發(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)容。
億速云公眾號
手機網(wǎng)站二維碼
