1、嵌入式
通過<style>標記,來引入CSS樣式。
語法格式:<style type = “text/css”></style>
提示:<style>中的CSS樣式,只能給當前網頁來使用。
同一個網頁中,<style>標記可以多次出現。
2、外聯式
通過<link>標記,來入引一個外部的CSS文件(.css),這樣的話,可以實現公共的CSS代碼被多個網頁共享。
<link rel = “stylesheet” type = “text/css” href = “css/public.css” />
<link>標記的常用屬性
rel:也就是引入的是什么類型的文件。取值:stylesheet
type:內容類型。
href:引入的CSS文件地址。
提示:<link>標記放在<head>標記中。
同一個網頁,可以使用多個<link>來鏈入多個外部樣式文件。
3、行內式(主要用於JS控制元素的樣式)
每一個HTML標記,都有一些公共的屬性:class、id、title、style。
HTML標記中的style屬性的值,與CSS中樣式一模一樣。
提示:行內樣式中,CSS代碼不能寫的過多;
行內樣式中,多個CSS屬性不能換行,也就是一行寫完。
行內樣式優先級是最高的,比ID選擇器還要高。