作為前端開(kāi)發(fā)人員，了解 CSS 樣式不僅僅是基礎(chǔ)，而且也是關(guān)鍵。在編寫CSS代碼時(shí)，首先需要了解 CSS 樣式有哪些類型。
CSS 樣式分為以下幾種：
1. 內(nèi)部樣式表 2. 外部樣式表 3. 行內(nèi)樣式
下面我們分別介紹這幾種樣式。
內(nèi)部樣式表是將樣式直接寫在<head>標(biāo)簽內(nèi)，可以應(yīng)用于整個(gè) HTML 頁(yè)面。通常應(yīng)用于單個(gè)頁(yè)面上的樣式。
<head>
<title>內(nèi)部樣式表示例</title>
<style>
body {
background-color: blue;
font-size: 20px;
}
</style>
</head>外部樣式表則是將 CSS 樣式寫在獨(dú)立的 .css 文件中，可以在 HTML 頁(yè)面中使用<link>標(biāo)簽引用。常用于多個(gè) HTML 頁(yè)面的樣式統(tǒng)一管理。
<head> <title>外部樣式表示例</title> <link rel="stylesheet" type="text/css" href="style.css"> </head>
行內(nèi)樣式是將樣式寫在 HTML 標(biāo)簽的style屬性內(nèi)，只應(yīng)用于當(dāng)前標(biāo)簽。不過(guò)不推薦使用，因?yàn)樗茐牧藰邮胶?html 代碼分離的原則。
<body style="background-color: blue; font-size: 20px"> <p style="color: white">行內(nèi)樣式示例</p> </body>
總的來(lái)說(shuō)，CSS 樣式的三種類型都有各自的應(yīng)用場(chǎng)景，在實(shí)際開(kāi)發(fā)中需要根據(jù)不同需求進(jìn)行選擇。除此之外，還有很多其他的 CSS 技巧值得我們學(xué)習(xí)，例如選擇器的用法，布局的實(shí)現(xiàn)等等。
上一篇css把圖片加白邊
下一篇css樣式兼容所有屏幕