CSS学习笔记2

CSS学习笔记2
字体样式和文本样式1
一、
1.字体类型：font-style:normal,italic, oblique
2.字体粗细：font-weight:normal,bold,bolder,lighter
3.字体大小：font-size:10px,10em,10rem
4.字体系列：font-family:宋体，黑体
5.组合写法：{normal normal 2rem “黑体”} 花括号里面是属性值二、
行高设定：line-height:100px 或者写在字体大小的属性值后面，如10px/10px. 当border的height数值大小等于line-height（行高）时，这样字体会上下居中摆放。
字体单位：px ,em,rem：
Px:像素，相对于屏幕分辨率而言的绝对大小。
em:相对大小，继承元素的一个单位大小，缺点是em会根据继承的元素的字体大小改变。
rem:使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
如果html字体的大小(或者是继承的字体大小) < 12px ,那么在当前元素使用em或者rem作为单位时，1em/rem == 12px
Text-align（文本对齐）:可以设置文本、行内、行内块的居中对齐，无法对块级元素实行居中对齐。（因为块级元素默认占整行，不存在居不居中的问题，就算给块级元素设置一个边框，边框的宽度不占满整行，也不能设置居中，因为行内会影响整行（打开F12可以查看）只有将其设置为行内块：display:inline-block，才可以让原来的会计居中）