引入CSS的方式有幾種

三種方式：

創(chuàng)新互聯(lián)公司聯(lián)系熱線：13518219792，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù)，創(chuàng)新互聯(lián)公司網(wǎng)頁制作領(lǐng)域十多年，包括成都辦公窗簾等多個領(lǐng)域擁有多年的網(wǎng)站營銷經(jīng)驗，選擇創(chuàng)新互聯(lián)公司，為企業(yè)錦上添花。

1、第一種行內(nèi)樣式，也就是給標(biāo)簽添加style屬性，例子如下

div?style="width:100px;height:100px;"/div

2、第二種，直接寫在html頁面中的style標(biāo)簽中，例子如下，

div?class="box"/div

style

.box{

width:200px;

font-size:14px;

color:red;

}

/style

3、第三種，使用外鏈css樣式表，單獨保存為css文件，將css樣式都寫入css文件中，例子如下，

!DOCTYPE?html

html?lang="en"

head

meta?charset="UTF-8"

titleDocument/title

link?rel="stylesheet"?href="index.css"http://這個地方寫css文件的位置

/head

在網(wǎng)頁中插入CSS樣式表的幾種方法

在網(wǎng)頁中插入CSS樣式表有四種方法

鏈入外部樣式表

鏈入外部樣式表是把樣式表保存為一個樣式表文件，然后在頁面中用link標(biāo)記鏈接到這個樣式表文件，這個link標(biāo)記必須放到頁面的head區(qū)內(nèi)，如下：

head?

……?

link?href="mystyle.css"?rel="stylesheet"?type="text/css"?media="all"?

……?

/head

內(nèi)部樣式表

內(nèi)部樣式表是把樣式表放到頁面的head區(qū)里，這些定義的樣式就應(yīng)用到頁面中了，樣式表是用style標(biāo)記插入的，從下例中可以看出style標(biāo)記的用法：

head?

……?

style?type="text/css"?

hr?{color:?sienna}?

p?{margin-left:?20px}?

body?{background-image:?url("images/back40.gif")}?

/style?

……?

/head

導(dǎo)入外部樣式表

導(dǎo)入外部樣式表是指在內(nèi)部樣式表的style里導(dǎo)入一個外部樣式表，導(dǎo)入時用@import，看下面這個實例：

head?

……?

style?type=”text/css”?

!--?

@import?“mystyle.css”?

其他樣式表的聲明?

--?

/style?

……?

/head

內(nèi)嵌樣式

內(nèi)嵌樣式的使用是直接將在HTML標(biāo)記里加入style參數(shù)。

p?style="color:?sienna;margin-left:?20px;"?

這是一個段落?

/p

HTML中嵌入CSS的四種方式及優(yōu)先級，如何選擇

1. 行內(nèi)樣式

行內(nèi)樣式就是把 CSS 樣式直接放在代碼行內(nèi)的標(biāo)簽中，一般都是放入標(biāo)簽的style屬性中，由于行內(nèi)樣式直接插入標(biāo)簽中，故是最直接的一種方式，同時也是修改最不方便的樣式。

p?style="background-color:?#999900"行內(nèi)元素，控制段落-1/p

h2?style="background-color:?#FF6633"行內(nèi)元素，h2?標(biāo)題元素/h2

p?style="background-color:?#999900"行內(nèi)元素，控制段落-2/p

strong?style="font-size:30px;"行內(nèi)元素，strong?比?em?效果要強/strong

div?style="background-color:#66CC99;?color:#993300;?height:30px;?line-height:30px;"行內(nèi)元素，div?塊級元素/div

em?style="font-size:2em;"行內(nèi)元素，em?強調(diào)/em

2. 內(nèi)嵌式

內(nèi)嵌式通過將 CSS 寫在網(wǎng)頁源文件的頭部，即在 head 和 head 之間，通過使用 HTML 標(biāo)簽中的 style 標(biāo)簽將其包圍，其特點是該樣式只能在此頁使用，解決行內(nèi)樣式多次書寫的弊端。

!doctype?html

html

head

meta?charset="utf-8"

title內(nèi)嵌式/title

style?type="text/css"

p{

text-align:?left;??/*文本左對齊*/

font-size:?18px;??/*字體大小?18?像素*/

line-height:?25px;??/*行高?25?像素*/

text-indent:?2em;??/*首行縮進(jìn)2個文字大小空間*/

width:?500px;??/*段落寬度?500?像素*/

margin:?0?auto;??/*瀏覽器下居中*/

margin-bottom:?20px;??/*段落下邊距?20?像素*/

}

/style

/head

body

p“百度”這一公司名稱便來自宋詞“眾里尋他千百度”。（百度公司會議室名為青玉案，即是這首詞的詞牌）。而“熊掌”圖標(biāo)的想法來源于“獵人巡跡熊爪”的刺激，與李博士的“分析搜索技術(shù)”非常相似，從而構(gòu)成百度的搜索概念，也最終成為了百度的圖標(biāo)形象。在這之后，由于在搜索引擎中，大都有動物形象來形象，如?SOHU?的狐，如?GOOGLE?的狗，而百度也便順理成章稱作了熊。百度熊也便成了百度公司的形象物。/p

p在百度那次更換?LOGO?的計劃中，百度給出的?3?個新?LOGO?設(shè)計方案在網(wǎng)民的投票下，全部被否決，更多的網(wǎng)民將選票投給了原有的熊掌標(biāo)志。/p

p此次更換?LOGO?的行動共進(jìn)行了?3?輪投票，直到第?2?輪投票結(jié)束，新的笑臉?LOGO?都占據(jù)了絕對優(yōu)勢。但到最后一輪投票時，原有的熊掌標(biāo)志卻戲劇性地獲得了最多的網(wǎng)民選票，從而把?3?個新?LOGO?方案徹底否決。/p

/body

/html

3. 鏈接式

鏈接式通過 HTML 的 link 標(biāo)簽，將外部樣式表文件鏈接到 HTML 文檔中，這也是網(wǎng)絡(luò)上網(wǎng)站應(yīng)用最多的方式，同時也是最實用的方式。這種方法將 HTML 文檔和 CSS 文件完全分離，實現(xiàn)結(jié)構(gòu)層和表示層的徹底分離，增強網(wǎng)頁結(jié)構(gòu)的擴展性和 CSS 樣式的可維護性。

!doctype?html

html

head

meta?charset="utf-8"

title/title

link?href="lianjie.css"?type="text/css"?rel="stylesheet"?/

link?href="lianjie-2.css"?type="text/css"?rel="stylesheet"?/

/head

body

p我是被?lianjie-2.css?文件控制的，樓下的你呢？？/p

h3樓上的，spanlianjie.css/span?文件給我穿的花衣服。/h3

/body

/html

4. 導(dǎo)入樣式

style?type="text/css"

@import?url=("css路徑名");

/style

這種方法一般不用，可以直接忽略。

一般都是采用鏈接樣式，行內(nèi)樣式和內(nèi)嵌樣式?維護起來相對麻煩，

優(yōu)先級(從高到底)

行內(nèi)樣式內(nèi)嵌樣式鏈接樣式導(dǎo)入樣式。

在HTML中使用CSS樣式的幾種方式

在html網(wǎng)頁中引入引入css主要有以下四種方式：

（1）行內(nèi)式

網(wǎng)頁中css的導(dǎo)入方式

（2）嵌入式

嵌入式一般寫在head中，對于單個頁面來說，這種方式很方便。

（3）導(dǎo)入式

!-- 導(dǎo)入外部樣式：在內(nèi)部樣式表的標(biāo)記之間導(dǎo)入一個外部樣式表，導(dǎo)入時用@import。 --

（4）鏈接式

導(dǎo)入式和鏈接式差不多，都是從外部引入css文件。但是鏈接式對于客戶端用戶瀏覽網(wǎng)站時，效果會好些。

當(dāng)前題目：列入css樣式的四種方法,簡述引入css樣式的幾種方法
文章路徑：http://chinadenli.net/article15/dsgigdi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、定制網(wǎng)站、微信公眾號、品牌網(wǎng)站制作、品牌網(wǎng)站設(shè)計、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)