學習《HTML+CSS基礎課程》的筆記---第七篇:CSS樣式基本知識

標簽：

Html/CSS

根据CSS代码插入的位置将CSS样式分为：内联式、嵌入式、外部式（外联式）。

1.内联式CSS样式表：把css代码直接写在现有的HTML标签中，必须写在元素的开始标签中，css样式代码写在style=" "的双引号中，若有多条css样式，用分号隔开。例如：<p style="color:red;font-size:12px">这里文字是红色。</p>

2.嵌入式CSS样式表：将css代码写在<head>标签中，语法为：

<style type="text/css">
标签{
属性1;
属性2;
}
</style>

3.外部式（外联式）CSS样式：将css代码写在一个独立的css文件中，这个文件以.css为后缀，在<head>标签中使用<link>标签将css文件链接到HTML文件，语法为：<link href="x.css" rel="stylesheet" type="text/css" />，仅x.css中的x能够改变，代表css文件名称，其余代码均为固定格式。

三种css样式的优先级遵循就近原则，在相同权值下，内联式 > 嵌入式 > 外部式。不过嵌入式的代码要写在外部式的后面。

點擊查看更多內容