CSS基礎(chǔ)語法之CSS的3種引入
發(fā)表時間:2023-09-16 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]這次給大家?guī)鞢SS基礎(chǔ)語法之CSS的3種引入,CSS基礎(chǔ)語法的CSS3種引入的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。CSS可算是網(wǎng)頁設(shè)計的一個突破,它解決了網(wǎng)頁界面排版的難題。可以這么說,HTML的Tag主要是定義網(wǎng)頁的內(nèi)容(Content),而CSS決定這些網(wǎng)頁內(nèi)容如何顯示(Layo...
這次給大家?guī)?a target="_blank">CSS基礎(chǔ)語法之CSS的3種引入,CSS基礎(chǔ)語法的CSS3種引入的
注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。
CSS可算是網(wǎng)頁設(shè)計的一個突破,它解決了網(wǎng)頁界面排版的難題?梢赃@么說,HTML的Tag主要是定義網(wǎng)頁的內(nèi)容(Content),而CSS決定這些網(wǎng)頁內(nèi)容如何顯示(Layout)。
Web早期,HTML是一種很有限的語言,這種語言不關(guān)心外觀,它只是一種簡潔的小型標記機制。
隨著Mosaic網(wǎng)頁瀏覽器的出現(xiàn),網(wǎng)站開始到處涌現(xiàn)。對于頁面改變外觀的需求增加,于是增加了類似<font>和<big>之類的標記元素。
幾年之后,大多數(shù)網(wǎng)站標記幾乎完全由表格和font元素組成,且對于所要表現(xiàn)的內(nèi)容不能傳達任何實際含義,使文檔可用性降低,且不易于維護。
于是1995年,W3C發(fā)布了CSS草案,試圖解決結(jié)構(gòu)與樣式混雜的問題。
1996年,W3C正式推出CSS1。
1998年,推出CSS2。
2001年從CSS3開始,CSS這門語言分割成多個獨立的模塊,每個模塊獨立分級,且只包含一小部分功能。
2011年開始設(shè)計CSS4
一、css樣式表的引入
1.內(nèi)嵌樣式表
內(nèi)嵌樣式表是寫在Tag(標簽)里面的。內(nèi)嵌樣式只對所在的Tag有效 。(如果有多種樣式,內(nèi)嵌式會覆蓋其它的樣式,并生效自己的)
示例:
<p style="font-size:20pt; color:red"></p>
這個style定義<p></p>里面的文字 是20pt字體,字體顏色是紅色。
2.內(nèi)部樣式表
內(nèi)部樣式表是寫在HTML的<head></head>里面的。內(nèi)部樣式表只對所在的網(wǎng)頁有效。
內(nèi)部樣式表要用到style這個Tag,寫法如下 :
<style type="text/css">
div{
color : red;
}</style>
3.外部樣式表
如果很多網(wǎng)頁需要用到同樣的樣式(Styles),要用外部樣式表。外部樣式表需要將樣式寫在一個css文件中,然后在頁面中用<link>標簽引入,在需要應(yīng)用該樣式的每個頁面中引入該文件。
示例:
<HTML><HEAD>
<link href="../css/a.css " rel ="stylesheet" type="text/css "></HEAD><BODY>…</BODY>
</HTML>
1、<link>標簽位置一般寫在<head>標簽之內(nèi)。
2、css樣式文件名稱以有意義的英文字母命名,如 main.css。
3、href=""是引入css的路徑
4、rel="stylesheet" type="text/css" 是固定寫法不可修改。
記住他們的優(yōu)先級:內(nèi)聯(lián)式 > 嵌入式 > 外部式
在CSS中也有注釋語句:用/*注釋語句*/來標明 (Html中使用<!--注釋語句-->)
相信看了這些案例你已經(jīng)掌握了方法,更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章!
相關(guān)閱讀:
vscode的常用設(shè)置
10進制數(shù)如何轉(zhuǎn)為16進制
怎樣將自己的maven項目托管到github
以上就是CSS基礎(chǔ)語法之CSS的3種引入的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。