在制作一個(gè)網(wǎng)頁(yè)的時(shí)候,Css樣式的添加一共有四種方式,一起來看看這四種方式:
創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營(yíng)銷、網(wǎng)站重做改版、前郭網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為前郭等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
一、使用STYLE屬性: 將STYLE屬性直接加在個(gè)別的元件標(biāo)簽里。
元件(標(biāo)簽) STYLE="性質(zhì)(屬性)1: 設(shè)定值1; 性質(zhì)(屬性)2: 設(shè)定值2; ...}
例如:
TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"標(biāo)楷體"; line-height:150%
這種用法的優(yōu)點(diǎn) 是可靈巧應(yīng)用樣式於各標(biāo)簽中,但是缺點(diǎn)則是沒有整篇文件的『統(tǒng)一性』。
二、使用STYLE標(biāo)簽: 將樣式規(guī)則寫在STYLE.../STYLE標(biāo)簽之中。
通常是將整個(gè)的 STYLE.../STYLE結(jié)構(gòu)寫在網(wǎng)頁(yè)的HEAD /HEAD部份之中。這種用法的優(yōu)點(diǎn)就是在於整篇文件的統(tǒng)一性,只要是有聲明的的元件即會(huì)套用該樣式規(guī)則。缺點(diǎn)就是在個(gè)別元件的靈活度不足。
三、使用 LINK標(biāo)簽: 將樣式規(guī)則寫在.css的樣式檔案中,再以LINK標(biāo)簽引入。
假設(shè)我們把樣式規(guī)則存成一個(gè)example.css的檔案,我們只要在網(wǎng)頁(yè)中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標(biāo)簽寫在網(wǎng)頁(yè)的head/head部份之中。這種用法的優(yōu)點(diǎn)就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個(gè)樣式檔案即可。缺點(diǎn)也是在個(gè)別文件或元件的靈活度不足。
四、使用@import引入: 跟LINK用法很像,但必 放在STYLE.../STYLE 中。
要注意的是,行末的分號(hào)是絕對(duì)不可少的!這種方式也可以把
你是指在CSS中引入另一個(gè)CSS?還是在HTML中引入CSS?
CSS中引入, 使用@import引入
style type="text/css"
@import "style.css"
/style
HTML中, 使用link方式引入, 注意要寫在head里面
link?rel="stylesheet"?href="style.css"?/
目前有兩種引用方式,一種是通過在head里面的link來引用,另外一種是直接通過import來引用,示例代碼如下:
第一種:link引用
link rel="stylesheet" href="/css/mycss.css" /
第二種:@import引用
style type="text/css"
@import url(/css/mycss.css)
/style
link和import語(yǔ)法結(jié)構(gòu)不同,前者link是html標(biāo)簽,只能放入html源代碼中使用,后者可看作為css樣式,作用是引入css樣式功能。
import在html使用時(shí)候需要style type="text/css"標(biāo)簽,同時(shí)可以直接“@import url(CSS文件路徑地址);”放入css文件或css代碼里引入其它c(diǎn)ss文件。
本質(zhì)上兩者使用選擇區(qū)別不大,但為了軟件中編輯布局網(wǎng)頁(yè)html代碼,一般使用link較多,也推薦使用link。
樣式的引用形式大致可分為以下四種:
一、行間樣式,即直接加在標(biāo)簽上的樣式 例:div style="width:50px;"/div
二、內(nèi)聯(lián)樣式 即用style /style標(biāo)簽括起來寫在頁(yè)面中的樣式
三、外聯(lián)樣式:即將樣式單獨(dú)放到一個(gè)文件夾中,然后用link標(biāo)簽引入頁(yè)面的形式
四,導(dǎo)入樣式,即將樣式,按模塊劃分或其它的分法分別放在不同的css文件中,然后用@導(dǎo)入到其它樣式中 。此方法建議不要用,因?yàn)樾什皇翘貏e高
前三種的優(yōu)先級(jí)為: 行間 內(nèi)聯(lián) 外聯(lián)
按優(yōu)先級(jí):前端優(yōu)先讀取正序。正規(guī)規(guī)范優(yōu)先倒序。
style= 這樣肯定是最優(yōu)的,但也是最不推薦的。前端標(biāo)簽直接寫入。
延伸閱讀:讀取優(yōu)先,靈活使用,如大量頁(yè)面,每頁(yè)面都要設(shè)置。工作繁瑣,大量寫入增加代碼量。不利優(yōu)化。
style type="text/css" 這樣屬于第二讀取方式。直接寫在對(duì)應(yīng)的頁(yè)面。
延伸閱讀:每頁(yè)面都要設(shè)置。工作繁瑣,大量寫入增加代碼量。不利優(yōu)化。
link type="text/css" href=" 引用CSS文件 第三級(jí)。這全局引入.
延伸閱讀:全局CSS??梢苑蛛x代碼及外部引入,簡(jiǎn)單快捷。也是現(xiàn)在都在用的。
css主要有三種引用方法:
1,內(nèi)部引用,在html文檔中在style標(biāo)簽里面寫的css樣式
style
bdoy{font-size:14px;}?
/style
2,外部引用,用link標(biāo)簽引用外部的css文件,將樣式引用到html文檔來。
link?rel="stylesheet"?type="text/css"?href="style.css"
3,在標(biāo)簽中使用,使用style屬性將當(dāng)前的標(biāo)簽樣式改變。
div?style="color:red"/div