CSS层叠样式表，用于表示HTML样式的编程语言（Cascading Style Sheets）

CSS书写位置

内嵌式

写在 <style> 标签中，控制整个页面的同类标签的样式 学习阶段使用。

<style>
	div {
		color: red;
	}
</style>

外联式

通过 <link> 标签引入，可以引入到整个项目的多个页面使用,控制的范围更大，项目中使用。

<link rel="stylesheet" href="CSS文件路径">

行内式

一般配合JS使用，控制单个标签的样式 用于样式修改。

<div style="color: red; font-size: 12px;"> 小苏同学 </div>

导入式

使用 @import

• 三种书写权重：行内优先，内嵌和外联按书写顺序，遵循就近原则。

• 前端代码思想：结构(html) 和 样式(css) 实现分离。

浏览器私有前缀

浏览器的私有前缀是为了兼容老版本的写法，比较新版本的浏览器无需添加

• 私有前缀

  • -moz- ：代表firefox浏览器私有属性

  • -ms- ：代表ie浏览器私有属性

  • -webkit- ：代表safari、chrome私有属性

  • -o- ：代表Opera私有属性

• 提倡写法（先写私有前缀，在写总的）

  -moz-border-radius: 10px
  -webkit-border-radius: 10px
  -o-border-radius: 10px
  border-radius: 10px
  
  一般不加微软的，微软的不更新了
  

命名规范

• 使用字母或单词起名。里面可以包含数字或 -
• 见名知意
• 区分大小写

注释