溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

CSS中實(shí)現(xiàn)引入的方法有哪些

發(fā)布時(shí)間：2021-03-16 10:20:00 來(lái)源：億速云 閱讀：106 作者：小新 欄目：web開(kāi)發(fā)

這篇文章主要介紹CSS中實(shí)現(xiàn)引入的方法有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

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

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

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

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

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

1996年，W3C正式推出CSS1。

1998年，推出CSS2。

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

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

一、css樣式表的引入

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

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

示例：

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

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

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

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

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

<style  type="text/css">
     div{
           color : red;
         }</style>

3.外部樣式表

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

示例:

<HTML><HEAD>
   <link href="../css/a.css " rel ="stylesheet" type="text/css "></HEAD><BODY>…</BODY>
 </HTML>

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

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

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

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

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

在CSS中也有注釋語(yǔ)句：用/*注釋語(yǔ)句*/來(lái)標(biāo)明　?。℉tml中使用<!--注釋語(yǔ)句-->)

以上是“CSS中實(shí)現(xiàn)引入的方法有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手