css学习笔记(一)

今天学习下文本字体相关的属性

1:font-size 表明字体大小的 单位是px(像素)

2:color:表示字体的颜色

3:font-style:表示字体的风格,这个属性只有三个值可以设置

normal - 文本正常显示

italic - 文本斜体显示

oblique - 文本倾斜显示

4:font-weight 表示文字字体的粗细 有如下属性值

属性值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

其中正常的是normal 也可以设置成400 记住不要带任何参数单位

bold是加粗的意思 等同于700

关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold

上面是来自网上的一段话,自己可以设置相应的值检查下 是OK的

如果将元素的加粗设置为 bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相反，关键词 lighter 会导致浏览器将加粗度下移而不是上移

5:font-family 表示规定字体系列  我们不是有什么    宋体   微软雅黑 等

6:text-align 表示文本内容居中 比如p标签显示了一段文字,但是我想要把这个文字在p标签中居中其中常用的属性值有

center  left  right

上面是给p标签设置了width 500px，然后text-align为right ，还有一个属性值比较重要

justify:每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸）

7：text-indent   属性规定文本块中首行文本的缩进  就好比我们小时候写文章 总是开头会缩进2个字的距离 单位是em

8:text-decoration 设置下划线 有如下几个属性值

none:去掉下划线

underline  下划线

overline：上划线

line-through:中划线

blink:定义闪烁的文本

8:letter-spacing设置文字间的距离 单位是像素

9:text-transform 文本转换表示