二、CSS写法

1.行内样式(不推荐)

(1)又称为内联样式,是通过标签的style属性来设置元素的样式
(2)语法

行内样式:16像素,红色字体

(3)特点
—针对性强
—优先级高
—复用性低
—可维护性差
—没有实现内容和样式的分离

2.内嵌样式

(1)将CSS代码集中嵌入到html文档的head头部的style标签中
(2)语法



(3)特点
在单页面下实现样式的集中管理,最大程度地复用和维护
不利于多页面样式的复用和维护

3.外部样式

(1)将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过link标签将外部样式表链接到HTML文档中
(2)实现方法
第1步:编写扩展名为.CSS的样式表文件
第2步:通过在HTML文档的head标签内添加link导入样式
my.css
div {
color: red;
font-size: 18px;
}

导入:

(3)特点
最大程度实现样式的复用和维护