CSS段落样式
text-decoration:文本装饰
下划线:underline
删除线:line-through
上划线:overline
不添加任何装饰:none
注:添加多个文本装饰:line-through underline overline
text-transform:文本大小写(针对英文段落)
小写:lowercase
大写:uppercase
只针对首字母大写:capitalize
text-indent:文本缩进
首行缩进
em单位:相对单位,1em永远跟字体大小相同
text-align:文本对齐方式
对齐方式:left、center、right、justify(两端对齐)
line-height:定义行高
定义:一行文字的高度,上边距和下边距的等价关系
默认:默认行高,不是固定值,而是变化的。根据当前文字的大小再不断的变化
取值: px 比例值
letter-spacing:字间距
word-spacing:词间距
强制折行:(针对英文和数字)
1.word-break:break-all
2.word-wrap:break-word
CSS复合样式
复合的写法是通过空格的方式实现的
1.background:red url() repeat 0 0;
2.border: 1px red soild
3.font:
注:最少要有两个值 size family
weight style size family √
style weight size family √
注:尽量不混写,一定先写复合再写单一
CSS选择器
ID选择器
#elem{} id=”elem“ 字母、下划线、中划线(第一位不能是字母)
小驼峰写法
CLASS选择器
CSS:.elem{} html:class=”elem“
注:1.class选择器可以重复利用
2.可以添加多个class样式
3.多个样式的时候,样式的优先级根据css决定,而不是class属性中的顺序
4.标签+类的写法
标签选择器(TAG选择器)
div{} <div>
使用场景:
1.去掉某些标签的默认样式时
2.复杂的选择器中,如 层次选择器
群组选择器
div,p,span{}
通配选择器
*{}-》div,ul,