css三种编写方式
- 1. 行内样式
- 2. 内部样式
- 3. 外部样式
- 3.1 编写css文件
- 3.2 引入css文件
- 4. 三种方式的优先级
1. 行内样式
在标签的style属性中设置样式，多个样式属性之间用;隔开。
<html><div style="color: #000000; font-size: 50px">行内样式</div>
</html>
2. 内部样式
在<style>标签中写样式，通过选择器选择元素，添加对应的样式。
<html><style>div {color: #000000;font-size: 50px;}</style><div>内部样式</div>
</html>
ps：关于选择器的知识点，在下一篇博文中介绍。
3. 外部样式
3.1 编写css文件
新建一个css格式的文件，在文件中编写样式。例如：outerStyle.css
div {color: #000000;font-size: 50px;
}
3.2 引入css文件
在html文件中通过<link>标签引入css文件。
<html><link rel="stylesheet" href="./outerStyle.css"><div>内部样式</div>
</html>
4. 三种方式的优先级
如果在一个html文件中，既写了行内样式，又写了内部样式，还写了外部样式。那么它们的优先级别是：行内样式 > 内部样式 > 外部样式。
ps：这里先不讨论在样式属性值后面加!important的情况
