溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇“CSS層樣式表的類型有哪些”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“CSS層樣式表的類型有哪些”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。
css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言，主要是用來設(shè)計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進行格式化。
CSS層樣式表有3種類型：1、行內(nèi)樣式表，利用style屬性將樣式寫在HTML標簽中；2、內(nèi)部樣式表，將樣式代碼寫在“<style>”標簽對中；3、外部樣式表，將樣式代碼寫在單獨的“.css”文件中，使用“<link>”標簽引用
CSS即層疊樣式表（Cascading Style Sheets），是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。 CSS樣式主要包含以下三種類型：
1、行內(nèi)樣式表（內(nèi)聯(lián)式樣式）
利用style屬性將樣式寫在HTML標簽中。
<標簽 style="屬性：屬性值；屬性：屬性值；"></標簽>
如下面代碼：
<p style="color:red;font-size:12px">這里文字是紅色。</p>
2、內(nèi)部樣式表：
將樣式代碼寫在頁面<style>...</style>標簽之中
例：
<style type="text/css">
body {
background-color: #F5F5F5;
color: #555;
font-size: 1.1em;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
</style><style>...</style>標簽結(jié)構(gòu)可以位于頁面<HTML>標簽中的任何位置，也可以多次出現(xiàn)。通常是將整個<style>...</style>結(jié)構(gòu)寫在頁面的<head>...</head>部分中。這種引入CSS方式的特點是每個頁面的CSS代碼可能具有統(tǒng)一性和規(guī)劃性，一個頁面內(nèi)部便于復(fù)用和維護，但多個頁面之間的CSS代碼復(fù)用仍然不夠。
【 】
3、外部樣式表（.css文件）：
css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css”為擴展名，在<head>內(nèi)（不是在<style>標簽內(nèi)）使用<link>標簽將css樣式文件鏈接到HTML文件內(nèi)，如下面代碼：
<link href="base.css" rel="stylesheet" type="text/css" />
rel="stylesheet"指link與href之間的關(guān)聯(lián)樣式為樣式表文件
type="text/css"指文件類型為樣式表文本
注意：
1、css樣式文件名稱以有意義的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定寫法不可修改。
3、<link>標簽位置一般寫在<head>標簽之內(nèi)。
以上是“CSS層樣式表的類型有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼