CSS(層疊樣式表)級(jí)聯(lián)樣式表是一種用來(lái)表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用)或XML

創(chuàng)新互聯(lián)公司專注于企業(yè)營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、宜都網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開發(fā)、商城網(wǎng)站制作、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為宜都等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語(yǔ)言。
有三種方法可以在站點(diǎn)網(wǎng)頁(yè)上使用樣式表:
外聯(lián)式Linking(也叫外部樣式):將網(wǎng)頁(yè)鏈接到外部樣式表。
嵌入式Embedding(也叫內(nèi)頁(yè)樣式):在網(wǎng)頁(yè)上創(chuàng)建嵌入的樣式表。
內(nèi)聯(lián)式Inline(也叫行內(nèi)樣式):應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁(yè)元素。
在Dreamweaver 8中,可以在開始彈出框中點(diǎn)擊新建CSS文件。也可以在最上面的菜單欄里占擊
文件,新建。在彈出框中選擇CSS文件就可以了。
有四種方式,行內(nèi)樣式,內(nèi)嵌式,鏈接和導(dǎo)入式
行內(nèi)呢是在標(biāo)簽里直接寫,比如div
style="text-align:center;
width:750px;"
內(nèi)嵌是寫在head/head之間,例如:style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋體";font-size:12px;
color:#000000;text-align:center}
--
/style
鏈接和導(dǎo)入沒(méi)有什么太大的區(qū)別,需要簡(jiǎn)歷外部CSS文件,在GW中按ctrl+n有那選項(xiàng)
之后在頁(yè)面head/head之間加入CSS文件所在路徑調(diào)用,如下,link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
有三種方法:
行內(nèi)樣式 直接在標(biāo)簽里面添加style屬性,在style屬性里面寫樣式即可;
內(nèi)部樣式 在head標(biāo)簽里面通過(guò)style標(biāo)簽來(lái)寫入內(nèi)部樣式;
外部樣式 通過(guò)link標(biāo)簽引入外部樣式表。
在制作一個(gè)網(wǎng)頁(yè)的時(shí)候,Css樣式的添加一共有四種方式,一起來(lái)看看這四種方式:
一、使用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)則是沒(méi)有整篇文件的『統(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ì)不可少的!這種方式也可以把
即使用style屬性,將CSS直接寫在HTML標(biāo)簽中。 例如:p style=color:red這行段落將顯示為紅色。/p 注意:style屬性可以用在body內(nèi)的所有(X)HTML標(biāo)簽上,但不能應(yīng)用與body以外的標(biāo)簽,如titlehead等標(biāo)簽。 二,嵌入式樣式表(Embedded Style Sheets) 嵌入式樣式表使用style/style標(biāo)簽嵌入到(X)HTML文件的頭部中,代碼如下: head style type=text/css !-- .class{ color:red;} -- /style /head 注意:對(duì)于一些不能識(shí)別style標(biāo)簽的瀏覽器,使用(X)HTML的注釋標(biāo)簽!-- 注釋文字 --把樣式包含進(jìn)來(lái)。這樣源碼天空 ,不支持style標(biāo)簽的的瀏覽器會(huì)忽略樣式內(nèi)容,而支持style標(biāo)簽的瀏覽器會(huì)解讀樣式表。 三,外部樣式表(Link Style Sheets) 在head標(biāo)簽內(nèi)使用link標(biāo)簽將樣式表文件連接到(X)HTML文件中。 代碼如下:
在網(wǎng)站的head頭部中加入link標(biāo)簽即可引入,如下:
head
meta?charset="UTF-8"
meta?name="viewport"?content="width=device-width,?initial-scale=1"
title用戶鑒權(quán)認(rèn)證中心/title
meta?name="keywords"?content=""?/
meta?name="description"?content=""?/
link?rel="stylesheet"?type="text/css"?href="/static/vendor/bootstrap/css/bootstrap.min.css"
link?rel="stylesheet"?type="text/css"?href="/static/fonts/font-awesome-4.7.0/css/font-awesome.min.css"
link?rel="stylesheet"?type="text/css"?href="/static/fonts/iconic/css/material-design-iconic-font.min.css"
link?rel="stylesheet"?type="text/css"?href="/static/css/util.css"
link?rel="stylesheet"?type="text/css"?href="/static/css/main.css"
/head
當(dāng)前名稱:怎么添加css樣式,用js添加css樣式
標(biāo)題URL:http://chinadenli.net/article35/dsehjsi.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、面包屑導(dǎo)航、自適應(yīng)網(wǎng)站、虛擬主機(jī)、域名注冊(cè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)