CSS(層疊樣式表)級聯(lián)樣式表是一種用來表現(xiàn)HTML(標準通用標記語言的一個應用)或XML
創(chuàng)新互聯(lián)公司專注于企業(yè)營銷型網站建設、網站重做改版、宜都網站定制設計、自適應品牌網站建設、H5開發(fā)、商城網站制作、集團公司官網建設、成都外貿網站制作、高端網站制作、響應式網頁設計等建站業(yè)務,價格優(yōu)惠性價比高,為宜都等各大城市提供網站開發(fā)制作服務。
(標準通用標記語言的一個子集)等文件樣式的計算機語言。
有三種方法可以在站點網頁上使用樣式表:
外聯(lián)式Linking(也叫外部樣式):將網頁鏈接到外部樣式表。
嵌入式Embedding(也叫內頁樣式):在網頁上創(chuàng)建嵌入的樣式表。
內聯(lián)式Inline(也叫行內樣式):應用內嵌樣式到各個網頁元素。
在Dreamweaver 8中,可以在開始彈出框中點擊新建CSS文件。也可以在最上面的菜單欄里占擊
文件,新建。在彈出框中選擇CSS文件就可以了。
有四種方式,行內樣式,內嵌式,鏈接和導入式
行內呢是在標簽里直接寫,比如div
style="text-align:center;
width:750px;"
內嵌是寫在head/head之間,例如:style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋體";font-size:12px;
color:#000000;text-align:center}
--
/style
鏈接和導入沒有什么太大的區(qū)別,需要簡歷外部CSS文件,在GW中按ctrl+n有那選項
之后在頁面head/head之間加入CSS文件所在路徑調用,如下,link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
有三種方法:
行內樣式 直接在標簽里面添加style屬性,在style屬性里面寫樣式即可;
內部樣式 在head標簽里面通過style標簽來寫入內部樣式;
外部樣式 通過link標簽引入外部樣式表。
在制作一個網頁的時候,Css樣式的添加一共有四種方式,一起來看看這四種方式:
一、使用STYLE屬性: 將STYLE屬性直接加在個別的元件標簽里。
元件(標簽) STYLE="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}
例如:
TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"標楷體"; line-height:150%
這種用法的優(yōu)點 是可靈巧應用樣式於各標簽中,但是缺點則是沒有整篇文件的『統(tǒng)一性』。
二、使用STYLE標簽: 將樣式規(guī)則寫在STYLE.../STYLE標簽之中。
通常是將整個的 STYLE.../STYLE結構寫在網頁的HEAD /HEAD部份之中。這種用法的優(yōu)點就是在於整篇文件的統(tǒng)一性,只要是有聲明的的元件即會套用該樣式規(guī)則。缺點就是在個別元件的靈活度不足。
三、使用 LINK標簽: 將樣式規(guī)則寫在.css的樣式檔案中,再以LINK標簽引入。
假設我們把樣式規(guī)則存成一個example.css的檔案,我們只要在網頁中加入
LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"
即可套用該樣式檔案中所制定好的樣式了。 通常是將LINK標簽寫在網頁的head/head部份之中。這種用法的優(yōu)點就是在於可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個樣式檔案即可。缺點也是在個別文件或元件的靈活度不足。
四、使用@import引入: 跟LINK用法很像,但必 放在STYLE.../STYLE 中。
要注意的是,行末的分號是絕對不可少的!這種方式也可以把
即使用style屬性,將CSS直接寫在HTML標簽中。 例如:p style=color:red這行段落將顯示為紅色。/p 注意:style屬性可以用在body內的所有(X)HTML標簽上,但不能應用與body以外的標簽,如titlehead等標簽。 二,嵌入式樣式表(Embedded Style Sheets) 嵌入式樣式表使用style/style標簽嵌入到(X)HTML文件的頭部中,代碼如下: head style type=text/css !-- .class{ color:red;} -- /style /head 注意:對于一些不能識別style標簽的瀏覽器,使用(X)HTML的注釋標簽!-- 注釋文字 --把樣式包含進來。這樣源碼天空 ,不支持style標簽的的瀏覽器會忽略樣式內容,而支持style標簽的瀏覽器會解讀樣式表。 三,外部樣式表(Link Style Sheets) 在head標簽內使用link標簽將樣式表文件連接到(X)HTML文件中。 代碼如下:
在網站的head頭部中加入link標簽即可引入,如下:
head
meta?charset="UTF-8"
meta?name="viewport"?content="width=device-width,?initial-scale=1"
title用戶鑒權認證中心/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