属性
color:颜色
font-size:字体大小
text-decoration:文本装饰
text-indent:首行缩进
line-height:行高
text-align:文本对齐
CSS引入样式
- 行内样式:写在标签的style属性中
- 内嵌样式:写在style标签中(通常写在head标签中)
css
<style>
h1 {
xxx :xxx
}
</style>
- 外联样式:写在单独的.css文件中(需要通过link标签在网页中引入)
html
<link rel="stylesheet" href="xxx.css">
CSS选择器
- 元素选择器:根据标签的名称来选择,如h1
- id选择器:为标签设置id属性,用#id设置元素样式
- 类选择器:为标签设置class属性值,用.cls设置元素属性
优先级:ID选择器>类选择器>元素选择器
盒子模型
内容区域、内边距区域、边框区域、外边距区域
- box-sizing:指定width,height修饰的内容liru border-box盒子的区域
- margin:外边距(上,右, 下,左)或者(上下 左右),auto:自动计算(自动居中)