一篇学习CSS基础的学习笔记:
CSS文本,列表,边框,背景属性
1. css常用文本属性:
属性 | 描述 |
---|---|
color | 文本颜色 |
text-decoration | 向文本添加修饰 |
letter-spacing | 增加或减少字符间距 |
word-spacing | 增加或减少字间距 |
direction | 设置文本方向 |
text-decoration | 向文本添加修饰 |
letter-spacing与word-spacing的区别:
解析器默认为两个字符组成一个字(单词)
2. css列表属性:
属性 | 描述 |
---|---|
list-style | 用于将所有用于列表的属性设置于一个声明之中。 |
list-style-image | 将图象设置为列表项标记 |
list-style-type | 设置列表项标记的类型 |
list-style-position | 设置列表中列表项标记被放置的位置 |
- 如果在列表标签在要自定义列表项前的标记图形,必须指定list-style属性
3. css边框属性:
属性 | 描述 |
---|---|
border-color | 设置四个边框的颜色 |
border-style | 设置四个边框的样式,可以设置一到四个样式。 |
border-width | 简写属性。在一个声明中设置四个边框的宽度,可以设置一到四个值。 |
border-bottom | 简写属性。作用是在一个声明中用来设置底边框的所有属性。 |
border-bottom-color | 设置底边框的颜色 |
border-bottom-style | 设置底边框的样式。 |
border-bottom-width | 设置底边框的宽度。 |
- left,right,top与bottom同理
- 默认方向为:上,右,下,左(边框宽度,样式都遵循这个规则)
- 如果某个边框的颜色/样式/宽度未设置,会自动补齐对边的颜色
边框的最终简写属性:border:宽度 样式 颜色
4.CSS背景属性
属性 | 描述 |
---|---|
background | 简写属性,作用是将背景属性设置在一个声明中。 |
background-color | 设置元素的背景颜色。 |
background-image | 将图像设置为背景。 |
background-repeat | 设置背景图像是否及如何重复。 |
background-position | 设置背景图像的起始位置 |
背景的最终简写属性:background:颜色 图片 图片是否重复 背景图片起始位置
5. CSS浮动属性(符合流式布局)
加载页面的时候,按照标签的先后顺序形成一个文档流
文档对象,某个标签设置了互动属性,就脱离了当前的文档流,后面的元素就会随之变化(位置发生变化)