CSS 层叠样式表
css引入方式
1. 内联样式(行内样式):写在标签内的style属性
2. 内部样式:写在head中style标签里的样式
3. 外部样式:css文档,通过link标签引入
css选择器
基础选择器
1. 标签选择器:通过标签名选中元素
2. id选择器: 通过给元素添加id属性选择元素,一个标签只能有一个id,通过#xx选中
3. class选择器(类选择器):给标签添加class属性选择标签,class可有多个值,通过.xxx选中
权重
!important>内联样式>id>class>tag 一般不适用!important
css样式
字体样式
font-size 大小
font-family 样式
font-style 是否倾斜
font-weight 粗细
文字对齐方式
1. 水平:text-align(left、center、right)
2. 垂直:line-height=高
背景样式
background-color 背景色
background-image 背景图片
background-repeat 背景图片是否重复 (no-repeat repeat repeat-x repeat-y)
background-size 大小
宽、高
min-width 最小宽
max-width 最大宽
min-height 最小高
max-height 最大高