CSS基礎(chǔ)語(yǔ)法之CSS的3種引入
發(fā)表時(shí)間：2023-12-23 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這次給大家?guī)?lái)CSS基礎(chǔ)語(yǔ)法之CSS的3種引入，CSS基礎(chǔ)語(yǔ)法的CSS3種引入的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。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)容如何顯示(Layo...
這次給大家?guī)?lái)
CSS基礎(chǔ)語(yǔ)法之CSS的3種引入，CSS基礎(chǔ)語(yǔ)法的CSS3種引入的
注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來(lái)看一下。
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)站開始到處涌現(xiàn)。對(duì)于頁(yè)面改變外觀的需求增加，于是增加了類似<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)與樣式混雜的問(wèn)題。
1996年，W3C正式推出CSS1。
1998年，推出CSS2。
2001年從CSS3開始，CSS這門語(yǔ)言分割成多個(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ì)覆蓋其它的樣式，并生效自己的)
示例：
<p style="font-size:20pt; color:red"></p>
這個(gè)style定義<p></p>里面的文字 是20pt字體，字體顏色是紅色。
2.內(nèi)部樣式表
內(nèi)部樣式表是寫在HTML的<head></head>里面的。內(nèi)部樣式表只對(duì)所在的網(wǎng)頁(yè)有效。
內(nèi)部樣式表要用到style這個(gè)Tag，寫法如下 ：
<style type="text/css">
div{
color : red;
}</style>3.外部樣式表
如果很多網(wǎng)頁(yè)需要用到同樣的樣式(Styles)，要用外部樣式表。外部樣式表需要將樣式寫在一個(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)簽位置一般寫在<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中也有注釋語(yǔ)句：用/*注釋語(yǔ)句*/來(lái)標(biāo)明 �。℉tml中使用<!--注釋語(yǔ)句-->)
相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
相關(guān)閱讀：
vscode的常用設(shè)置
10進(jìn)制數(shù)如何轉(zhuǎn)為16進(jìn)制
怎樣將自己的maven項(xiàng)目托管到github
以上就是CSS基礎(chǔ)語(yǔ)法之CSS的3種引入的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
