溫馨提示×

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

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

怎么引用CSS文件到html網(wǎng)頁(yè)里

發(fā)布時(shí)間：2021-04-29 11:14:27 來(lái)源：億速云 閱讀：369 作者：小新 欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)怎么引用CSS文件到html網(wǎng)頁(yè)里，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

css的全稱是什么

css的全稱是Cascading Style Sheets（層疊樣式表），它是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。

引用CSS文件到html網(wǎng)頁(yè)里的方法：1、直接在html標(biāo)簽元素內(nèi)嵌入css樣式；2、在html中使用style自帶式；3、使用【@import】引用外部CSS文件。

本教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。

引用CSS文件到html網(wǎng)頁(yè)里的方法：

1、直接在html標(biāo)簽元素內(nèi)嵌入css樣式，如<div style="font-size:14px; color:#FF0000;">我是div css測(cè)試內(nèi)容-www.divcss5.com支持</div> 效果如下圖

怎么引用CSS文件到html網(wǎng)頁(yè)里

2、在html頭部head部分內(nèi)style聲明插入代碼如下：

<style type="text/css"> 
<!-- 
.ceshi {font-size:14px; color:#FF0000;}/*這里是設(shè)置CSS的樣式內(nèi)容*/ 
--> 
</style>

具體方法如下圖：

怎么引用CSS文件到html網(wǎng)頁(yè)里

3、使用@import引用外部CSS文件方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>css引用方法實(shí)例-www.divcss5.com測(cè)試實(shí)例</title> 
<style type="text/css"> 
<!-- 
@import url(wcss.css);/*這里是通過(guò)@import引用CSS的樣式內(nèi)容*/ 
--> 
</style> 
</head> 
 
<body> 
<div class="ceshi">我是div css測(cè)試內(nèi)容www.divcss5.com支持</div> 
 
</body> 
</html>

關(guān)于“怎么引用CSS文件到html網(wǎng)頁(yè)里”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

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

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

AI
助
手