建站
咨詢
售后
建站咨詢
新聞中心
css樣式引用的方式并舉例說明？
樣式的引用形式大致可分為以下四種：
創(chuàng)新互聯(lián)公司主營隴縣網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app開發(fā),隴縣h5微信小程序開發(fā)搭建,隴縣網(wǎng)站營銷推廣歡迎隴縣等地區(qū)企業(yè)咨詢
一、行間樣式，即直接加在標(biāo)簽上的樣式 例:div style="width:50px;"/div
二、內(nèi)聯(lián)樣式 即用style /style標(biāo)簽括起來寫在頁面中的樣式
三、外聯(lián)樣式：即將樣式單獨(dú)放到一個(gè)文件夾中，然后用link標(biāo)簽引入頁面的形式
四，導(dǎo)入樣式，即將樣式，按模塊劃分或其它的分法分別放在不同的css文件中，然后用@導(dǎo)入到其它樣式中 。此方法建議不要用，因?yàn)樾什皇翘貏e高
前三種的優(yōu)先級(jí)為： 行間 內(nèi)聯(lián) 外聯(lián)
css引用外部樣式表怎么寫
你是指在CSS中引入另一個(gè)CSS?還是在HTML中引入CSS?
CSS中引入, 使用@import引入
style type="text/css"
@import "style.css"
/style
HTML中, 使用link方式引入, 注意要寫在head里面
link?rel="stylesheet"?href="style.css"?/
引用css樣式表的方法
1、直接在html標(biāo)簽元素內(nèi)嵌入css樣式，如div style="font-size:14px; color:#FF0000;"我是div css測試內(nèi)容-支持/div
2、在html頭部head部分內(nèi)style聲明插入代碼如下：
style type="text/css"
.ceshi {font-size:14px; color:#FF0000;}/*這里是設(shè)置CSS的樣式內(nèi)容*/
/style
3、使用link來調(diào)用外部的css文件
在head放置link rel="stylesheet" href="wcss.css" type="text/css" /來調(diào)用外部的wcss.css文件來實(shí)現(xiàn)html引用css文件
css外部樣式如何調(diào)用？
css外部樣式如何調(diào)用方法如下：
1、直接在div中使用css樣式制作div+css網(wǎng)頁
2、html中使用style自帶式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推薦此方法
接下來將逐個(gè)講解html引用css方法的例子
1、直接在html標(biāo)簽元素內(nèi)嵌入css樣式，如div style="font-size:14px; color:#FF0000;"我是div css測試內(nèi)容-支持/div 效果如下圖
2、在html頭部head部分內(nèi)style聲明插入代碼如下：
style?type="text/css"?
!--?
.ceshi?{font-size:14px;?color:#FF0000;}/*這里是設(shè)置CSS的樣式內(nèi)容*/?
--?
/style
具體方法如下圖：
3、使用@import引用外部CSS文件方法
!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"
""?
html?xmlns=""?
head?
meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/?
titlecss引用方法實(shí)例-測試實(shí)例/title?
style?type="text/css"?
!--?
@import?url(wcss.css);/*這里是通過@import引用CSS的樣式內(nèi)容*/?
--?
/style?
/head?
body?
div?class="ceshi"我是div?css測試內(nèi)容支持/div?
/body?
/html
Wcss.css文件內(nèi)代碼.ceshi {font-size:14px; color:#FF0000;}
效果如下圖：
可以看出使用此方法和使用自帶式引用css樣式表方法有相同處，都是需要在html的head內(nèi)使用style標(biāo)簽引用外部css。
4、使用link來調(diào)用外部的css文件
在head放置link rel="stylesheet" href="wcss.css" type="text/css" /來調(diào)用外部的wcss.css文件來實(shí)現(xiàn)html引用css文件
詳細(xì)如下圖
此方法就不需要style標(biāo)簽，而是直接通過link一個(gè)樣式來引用外部樣式。
文章標(biāo)題：css外部樣式表引用,css外部樣式表怎么寫
轉(zhuǎn)載注明：http://www.dlmjj.cn/article/dsdccsi.html
