CSS的二次学习
最近从其他地方复习了一次CSS,发现之前有很多属性没有看到
background
1.background-color :背景颜色
2.background-image:url() :背景图片
3.background-repeat :背景重复
- no-repaeat 不重复
- repeat 重复
- repeat-x 水平重复
- repeat-y 垂直重复
4.background-position :背景定位
- 关键字:top,bottom,right,left,center.
- 长度值:px,cm
- 百分比
5.background-attachment 背景关联
- fixed:防止背景滚动
- scroll :背景随文档滚动
文本
1.text-indent 缩进
eg:p{text-indent:5em;}
首行缩进
使用负值可以使用“悬挂缩进”
2.text-align 水平对齐
- right,left,center
- justify 两端文本对齐,使用时要注意
3.word-spacing 字间距
- 正负值
- normal=0
4.text-transform 字符转换
- none
- uppercase:转化为全大写
- lowercase :转化为全小写
- capitalize :每个单词首字母大写
5.text-decoraction:文本underline装饰
- none :去掉下划线
- underline:下划线
- overline:上划线
- line-through:贯穿线
- blink :文本闪烁
6.white-space 处理空白符
值 | 空白符 | 换行符 | 自动换行 |
---|---|---|---|
pre-line | 合并 | 保留 | 允许 |
normal | 合并 | 忽略 | 允许 |
nowrap | 合并 | 忽略 | 不允许 |
pre | 保留 | 保留 | 不允许 |
pre-wrap | 保留 | 保留 | 允许 |
链接
1.样式状态
a:link-普通,未被访问的
a:visited-用户已被访问的链接
a:hover-鼠标位于链接上方
a:active-正在被点击的
这是伪类,不能使用选择器,不能当属性用