CSS內(nèi)嵌樣式表的方法

本篇內(nèi)容主要講解“CSS內(nèi)嵌樣式表的方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“CSS內(nèi)嵌樣式表的方法”吧!

創(chuàng)新互聯(lián)：自2013年起為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設(shè)”服務(wù)，為超過千家公司企業(yè)提供了專業(yè)的成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)和網(wǎng)站推廣服務(wù)，按需開發(fā)網(wǎng)站由設(shè)計(jì)師親自精心設(shè)計(jì)，設(shè)計(jì)的效果完全按照客戶的要求，并適當(dāng)?shù)奶岢龊侠淼慕ㄗh，擁有的視覺效果，策劃師分析客戶的同行競爭對(duì)手，根據(jù)客戶的實(shí)際情況給出合理的網(wǎng)站構(gòu)架，制作客戶同行業(yè)具有領(lǐng)先地位的。

CSS可算是網(wǎng)頁設(shè)計(jì)的一個(gè)突破，它解決了網(wǎng)頁界面排版的難題。可以這么說，HTML的Tag主要是定義網(wǎng)頁的內(nèi)容(Content)，而CSS決定這些網(wǎng)頁內(nèi)容如何顯示(Layout)。

Web早期，HTML是一種很有限的語言，這種語言不關(guān)心外觀，它只是一種簡潔的小型標(biāo)記機(jī)制。

隨著Mosaic網(wǎng)頁瀏覽器的出現(xiàn)，網(wǎng)站開始到處涌現(xiàn)。對(duì)于頁面改變外觀的需求增加，于是增加了類似<font>和<big>之類的標(biāo)記元素。

幾年之后，大多數(shù)網(wǎng)站標(biāo)記幾乎完全由表格和font元素組成，且對(duì)于所要表現(xiàn)的內(nèi)容不能傳達(dá)任何實(shí)際含義，使文檔可用性降低，且不易于維護(hù)。

于是1995年，W3C發(fā)布了CSS草案，試圖解決結(jié)構(gòu)與樣式混雜的問題。

1996年，W3C正式推出CSS1。

1998年，推出CSS2。

2001年從CSS3開始，CSS這門語言分割成多個(gè)獨(dú)立的模塊，每個(gè)模塊獨(dú)立分級(jí)，且只包含一小部分功能。

2011年開始設(shè)計(jì)CSS4

一、css樣式表的引入

1.內(nèi)嵌樣式表

內(nèi)嵌樣式表是寫在Tag(標(biāo)簽)里面的。內(nèi)嵌樣式只對(duì)所在的Tag有效。(如果有多種樣式，內(nèi)嵌式會(huì)覆蓋其它的樣式，并生效自己的)

示例：

<pstyle="font-size:20pt;color:red"></p>

這個(gè)style定義<p></p>里面的文字是20pt字體，字體顏色是紅色。

2.內(nèi)部樣式表

內(nèi)部樣式表是寫在HTML的<head></head>里面的。內(nèi)部樣式表只對(duì)所在的網(wǎng)頁有效。

內(nèi)部樣式表要用到style這個(gè)Tag，寫法如下：

<styletype="text/css">

div{

color:red;

}</style>

3.外部樣式表

如果很多網(wǎng)頁需要用到同樣的樣式(Styles)，要用外部樣式表。外部樣式表需要將樣式寫在一個(gè)css文件中,然后在頁面中用<link>標(biāo)簽引入，在需要應(yīng)用該樣式的每個(gè)頁面中引入該文件。

示例:

<linkhref="../css/a.css"rel="stylesheet"type="text/css"></HEAD><BODY>…</BODY>

</HTML>

1、<link>標(biāo)簽位置一般寫在<head>標(biāo)簽之內(nèi)。

2、css樣式文件名稱以有意義的英文字母命名，如main.css。

3、href=""是引入css的路徑

4、rel="stylesheet"type="text/css"是固定寫法不可修改。

記住他們的優(yōu)先級(jí)：內(nèi)聯(lián)式>嵌入式>外部式

在CSS中也有注釋語句：用/*注釋語句*/來標(biāo)明（Html中使用)

到此，相信大家對(duì)“CSS內(nèi)嵌樣式表的方法”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

文章標(biāo)題：CSS內(nèi)嵌樣式表的方法
文章源于：http://www.muchs.cn/article18/piehgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、電子商務(wù)、網(wǎng)站設(shè)計(jì)公司、微信小程序、云服務(wù)器、網(wǎng)站導(dǎo)航

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

猜你還喜歡下面的內(nèi)容