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

發(fā)布時間：2022-03-11 15:50:24 來源：億速云閱讀：2046 作者：iii 欄目：web開發(fā)

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

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

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

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

　　幾年之后，大多數(shù)網(wǎng)站標(biāo)記幾乎完全由表格和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(標(biāo)簽)里面的。內(nèi)嵌樣式只對所在的Tag有效。(如果有多種樣式，內(nèi)嵌式會覆蓋其它的樣式，并生效自己的)

　　示例：

　　<pstyle="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，寫法如下：

　　<styletype="text/css">

　　div{

　　color:red;

　　}</style>

　　3.外部樣式表

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

　　示例:

　　<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)先級：內(nèi)聯(lián)式>嵌入式>外部式

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

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

向AI問一下細節(jié)

猜你喜歡