CSS快速入门

属性

color：颜色
font-size：字体大小
text-decoration：文本装饰
text-indent：首行缩进
line-height：行高
text-align：文本对齐

CSS引入样式

• 行内样式：写在标签的style属性中
• 内嵌样式：写在style标签中（通常写在head标签中）

<style>
	h1 {
		xxx :xxx
	}
</style> 

• 外联样式：写在单独的.css文件中（需要通过link标签在网页中引入）

<link rel="stylesheet" href="xxx.css">

CSS选择器

• 元素选择器：根据标签的名称来选择，如h1
• id选择器：为标签设置id属性，用#id设置元素样式
• 类选择器：为标签设置class属性值，用.cls设置元素属性

优先级：ID选择器>类选择器>元素选择器

盒子模型

内容区域、内边距区域、边框区域、外边距区域

• box-sizing：指定width，height修饰的内容liru border-box盒子的区域
• margin：外边距（上，右， 下，左）或者（上下 左右），auto：自动计算（自动居中）