css复习——文字与文本 day3

0629

文字

文字加粗
font-weight:
bold 加粗
normal (正常，不加粗)默认值

文字大小
font-size:

文字样式
font-style：
italic 倾斜
normal 正常

字体
font-size:

例子

#box{
            /*font-weight:bold;*/
            /*font-size:50px;*/
            /*font-style: italic;*/
            /*font-family: '宋体';*/

            font: bold italic 50px '宋体';

        }

文本

行高
line-height:
行高 一行文字在页面当中所占用的高度
偶数行高 上下留白一样 （行高- 文字的高度）/2
奇数行高 上面的留白会比下面的留白少一个像素

文字颜色
color:

文本对齐方式
text-align:
left(默认值),right,center

首行缩进
text-indent:
px 像素
em 相对单位 （一个字）

文本修饰
text-decoration:
underline 下划线
line-through 中划线
overline 上划线

间距
letter-spacing:
字母间距
word-spacing:
单词间距（是以空格为解析单位）

强制不换行
white-space:
nowrap 不换行

空格有多大？
当文字大小小于20像素 并且字体是宋体的时候
一个空格是文字大小的一半
（当文字大小是奇数的时候，一个空格是字体大小+1/2）