您好,登錄后才能下訂單哦!
本篇內容主要講解“CSS內嵌樣式表的方法”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“CSS內嵌樣式表的方法”吧!
CSS可算是網頁設計的一個突破,它解決了網頁界面排版的難題。可以這么說,HTML的Tag主要是定義網頁的內容(Content),而CSS決定這些網頁內容如何顯示(Layout)。
Web早期,HTML是一種很有限的語言,這種語言不關心外觀,它只是一種簡潔的小型標記機制。
隨著Mosaic網頁瀏覽器的出現,網站開始到處涌現。對于頁面改變外觀的需求增加,于是增加了類似<font>和<big>之類的標記元素。
幾年之后,大多數網站標記幾乎完全由表格和font元素組成,且對于所要表現的內容不能傳達任何實際含義,使文檔可用性降低,且不易于維護。
于是1995年,W3C發布了CSS草案,試圖解決結構與樣式混雜的問題。
1996年,W3C正式推出CSS1。
1998年,推出CSS2。
2001年從CSS3開始,CSS這門語言分割成多個獨立的模塊,每個模塊獨立分級,且只包含一小部分功能。
2011年開始設計CSS4
一、css樣式表的引入
1.內嵌樣式表
內嵌樣式表是寫在Tag(標簽)里面的。內嵌樣式只對所在的Tag有效。(如果有多種樣式,內嵌式會覆蓋其它的樣式,并生效自己的)
示例:
<pstyle="font-size:20pt;color:red"></p>
這個style定義<p></p>里面的文字是20pt字體,字體顏色是紅色。
2.內部樣式表
內部樣式表是寫在HTML的<head></head>里面的。內部樣式表只對所在的網頁有效。
內部樣式表要用到style這個Tag,寫法如下:
<styletype="text/css">
div{
color:red;
}</style>
3.外部樣式表
如果很多網頁需要用到同樣的樣式(Styles),要用外部樣式表。外部樣式表需要將樣式寫在一個css文件中,然后在頁面中用<link>標簽引入,在需要應用該樣式的每個頁面中引入該文件。
示例:
<HTML><HEAD>
<linkhref="../css/a.css"rel="stylesheet"type="text/css"></HEAD><BODY>…</BODY>
</HTML>
1、<link>標簽位置一般寫在<head>標簽之內。
2、css樣式文件名稱以有意義的英文字母命名,如main.css。
3、href=""是引入css的路徑
4、rel="stylesheet"type="text/css"是固定寫法不可修改。
記住他們的優先級:內聯式>嵌入式>外部式
在CSS中也有注釋語句:用/*注釋語句*/來標明(Html中使用<!--注釋語句-->)
到此,相信大家對“CSS內嵌樣式表的方法”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。