CSSday04

一.css文本属性

text-decoration

装饰性的东西

none 无任何装饰线

underline 下划线

overline上划线

line-through中划线(删除线)

text-transform

文字变形

cpaitalize:(使..首字母大写,资本化的意思)将每个单词的首字符变为大写

uppercase:(大写字母)将每个单词的所有字符变为大写

lowercase:(小写字母)将每个单词的所有字符变为小写

none:没有任何影响

text-indent

缩进
用于第一行文字的缩进.

1em代表一个文字

text-align(很重要)

设置文本的对齐方式

left:左对齐 right:右对齐 center:正中间对齐 justify:两端对齐

图片也可以通过这个居中.

但是无法居中块级元素,只能居中行内级元素

word/letter-spacing(一般)

默认是0,可以设置为负数

word-spacing 设置单词之间的间距

letter-spacing :设置字母之间的间距

二.css字体属性

1.font-size:15px 2em 80%

em的单位是,如果字体大小为16px,2em就是32px

百分比查文档(MDN)去看相对于谁(相对于父元素,但是定位了就不一样了)

基于父元素的font-size计算,比如50%表示等于父元素font-size的一半

2.font-family(重要,不过一半仅设置一次)因为可以继承

font-family用于设置文字的字体名称

可以设置1个或者多个字体名称,多个字体用逗号隔开

浏览器会选择列表中第一个该计算机上有安装的字体;

或者是通过@font-size指定的可以直接下载的字体

但是一般设置字体,这是属于基本设置,我们一般会放在单独的css里面,一般命名为base.css或者是reset.css

3.font-weight(重要)

font-weight用于设置文字的粗细

常见的取值:

100|200|300|400|500|600|700|800|900;每个数字表示一个重量

normal:等于400

bold:等于700

4.font-style(一般)

设置文字斜体

5.line-height(常用)

用于设置文本的行高

行高可以先简单理解为一行文字所占据的高度

行高的严格定义是:两行文字基线之间的间距

6.font缩写属性

三.css常见选择器

通用选择器:*可以选中所有元素
更推荐的做法

body,p,div,h2,span{

margin:0

padding:0

}

简单选择器是开发中用的最多的选择器:

元素选择器:使用元素的名称;

类选择器:使用类名

id选择器:使用id

1.属性选择器

2.后代选择器

3.兄弟选择器

4.选择器组

5.伪类选择器

6.伪元素