今天泡泡同学早早的更新微博,因为作业真的是太多了,害怕待会太晚了忘记了。老师速度真的太快了已经讲了很多的css了,有点跟不上节奏,泡泡同学要加油了。送上今天泡泡同学的笔记,希望对你有帮助。
css选择器和样式设置
一、伪元素选择1、 :first-line 用于一个元素的第一行的选择器
2、 :first-letter 用于一个元素的第一个字母的选择器
3、 :first-child 用于元素的第一个子元素
4、 :before 用于在**之前加内容
5、 :after 用于在**之后在内容
6、 :focus 用于获得焦点的设置(例如:表单)
二、交际选择器
1、<div>
<p class="a1">***</p>
</div>
格式: div.a1
p.a1
2、几个元素设置同样的样式时:
例如:ul,ol,li,p
几个元素仅用逗号分开
三、css样式显示的顺序
1、内联>内部>外部 (必须选择器类型相同)
2、!important>内联>id>伪元素选择器>类选择器>元素 (选择器不同)
3、选择器的权重
内联:1000
ID:100
class:10
元素:1
注意:不论怎样选择!important最优先选择
四、设置元素的内容文本属性
1、设置文本首行缩进
text-indent
可选值:length percentage
eg: p{ text-indent:3em; }
2、文本对其方式
text-align
可选值: left right center
3、设置行高
line-height
可以是数字,长度,百分百或者normal
4、设置字间距
letter-spacing
可选值:normal length auto
5、设置词语词之间的举例
word-spacing
6、设置文字装饰方式
text-decoration
可选值:none(默认) underline(下划线) overline(上划线)
lin-through(删除线) inherit(继承父元素)
7、空格处理
white-space
可选值: normal(文本不换行) pre(空白被保留) nowrap pre-line
8、设置文本大小写形式
text-transform
可选值: capitalize(元素内容的每句句首字母变大写)
uppercase(元素内容中所有字母变大写)
lowercase(元素内容中所有的字母变成小写)
五、设置元素内容的字体
1、设置字体的名称
font-family
电脑中有的字体样式都可以选择
2、设置字体倾斜程度
font-style
可选值:normal italic(斜体) oblique(文本斜体) inherit
3、设置字体的变体
font-variant
可选值:normal small-caps(小型的大写字母)
4、设置字体的粗细(字重)
font-weight
可选值:normal bold bolder lighter(更细)
数字设置:100-900 ,400代表normal 700代表bold 900是最重的字体
5、设置字体大小
font-size
可选值:xx-small x-small medium large x-large xx-large
注意:16px=1em