北大青鳥設(shè)計(jì)培訓(xùn)：創(chuàng)建CSS樣式表的三種方式？

主要探討HTML5中CSS（層疊樣式表），它是用來對(duì)HTML文檔外觀的表現(xiàn)形式進(jìn)行排版和格式化。

創(chuàng)新互聯(lián)公司一直秉承“誠(chéng)信做人，踏實(shí)做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個(gè)客戶多一個(gè)朋友！為您提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)頁(yè)設(shè)計(jì)、微信平臺(tái)小程序開發(fā)、成都網(wǎng)站開發(fā)、成都網(wǎng)站制作、成都軟件開發(fā)、手機(jī)APP定制開發(fā)是成都本地專業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)公司，等你一起來見證！

使用CSSCSS樣式由一條或多條以分號(hào)隔開的樣式聲明組成。

每條聲明的樣式包含著一個(gè)CSS屬性和屬性值。

pstyle="color:red;font-size:50px;"這是一段文本/p解釋：style是行內(nèi)樣式屬性。

color是顏色屬性，red是顏色屬性值；font-size是字體大小屬性，50px是字體大小屬性值。

三種方式創(chuàng)建CSS樣式表有三種方式：1.元素內(nèi)嵌樣式；2.文檔內(nèi)嵌樣式；3.外部引入樣式。

1.元素內(nèi)嵌樣式pstyle="color:red;font-size:50px;"這是一段文本/p解釋：即在當(dāng)前元素使用style屬性的聲明方式。

2.文檔內(nèi)嵌樣式styletype="text/css"p{color:blue;font-size:40px;}/stylep這是一段文本/p解釋：在head元素之間創(chuàng)建style元素，通過選擇器的方式調(diào)用指定的元素并設(shè)置相關(guān)CSS。

3.外部引用樣式linkrel="stylesheet"type="text/css"href="style.css"http://style.css@charset"utf-8";p{color:green;font-size:30px;}解釋：很多時(shí)候，大量的HTML頁(yè)面使用了同一個(gè)組CSS。

那么就可以將這些CSS樣式保存在一個(gè)單獨(dú)的.css文件中，然后通過link元素去引入它即可。

@charset"utf-8"表明設(shè)置CSS的字符編碼，如果不寫默認(rèn)就是utf-8。

煙臺(tái)電腦培訓(xùn)認(rèn)為如果有多個(gè).css文件，可以使用@import導(dǎo)入方式引入.css文件。

只不過，性能不如多個(gè)link鏈接。

怎樣創(chuàng)建css樣式表？

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

（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。

有三種方法可以在站點(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文件就可以了。

CSS樣式表怎么做

在網(wǎng)頁(yè)中使用CSS：

一、內(nèi)部規(guī)則 - 直接寫在網(wǎng)頁(yè)文件內(nèi)部的樣式

1.將以下代碼插入在與之間可設(shè)定此頁(yè)的默認(rèn)的樣式

2.在HTML行中加入樣式規(guī)則

如：

Amaze your friends!

二、外部規(guī)則 - 獨(dú)立的樣式表文件

1.鏈接樣式表文件

方法：在內(nèi)使用標(biāo)簽：

如：

并建立一個(gè)文本文件，起名mystyles.css (和上面對(duì)應(yīng))。文件內(nèi)容如：

H1 { color: green; font-family: impact }

P { background: yellow; font-family: courier }

2.輸入樣式表文件(返回)

方法：在內(nèi)插入列代碼：

并建立一個(gè)文本文件，起名company.css (和上面對(duì)應(yīng))。文件內(nèi)容如：

H1 { color: green; font-family: impact }

P { background: yellow; font-family: courier }

可見該種方法的好處是可與網(wǎng)頁(yè)的內(nèi)部樣式共存。

三、CSS舉例

指定全文的文本格式：

body{background: yellow;color=red; font-size=9pt}

指定局部的默認(rèn)的文本格式：

P{...}

H1{...}

TH{...}

TD{...}

...

指定超鏈接的樣式：

A:link {text-decoration: none; color:#0000FF; font-family: 宋體}

A:visited {text-decoration: none; color: #800000; font-family: 宋體}

A:active {text-decoration: none; color: #FF0000; font-family: 宋體}

A:hover {text-decoration: underline; color:#FF0000}

推薦你可以上菜鳥教程官網(wǎng)學(xué)習(xí)

網(wǎng)站名稱：設(shè)計(jì)css樣式表,css樣式表的概念
文章URL：http://chinadenli.net/article25/dsiojci.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、定制開發(fā)、Google、做網(wǎng)站、電子商務(wù)、網(wǎng)站維護(hù)

廣告

聲明：本網(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í)需注明來源： 創(chuàng)新互聯(lián)