文字文本font

文字设置:

文字加粗:font-weight:blod(加粗),normal(非加粗字体)

文字倾斜:font-style: italic(斜体),normal

文字大小:font-size: 具体像素(eg:16px)

字体:font- family: (微软雅黑,楷体,宋体等)

行高:line-height:具体像素(可以利用设置高度与行高相同实现垂直居中)

多行文字测量行高的方法:

        确定文字的大小

        确定两行文字之间的空隙大小

        空隙大小除以2,当空隙大小为奇数时,上面的行高少一像素,下面的行高多一个像素

文字复合样式需要注意顺序:font:font-style  font-weight  font-size/line-height  font-family

文本设置:

文字颜色:color

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

首行缩进:text-indent:2em(可为具体像素,更为方便的是使用单位em,缩进单位为字,em是根据当前字体大小进行计算的)

文本修饰:text-decoration:underline(文字下方下划线) none

字母间距:letter-spacing:具体像素(英文、汉字都适用)

单词间距:(以空格为解析单位)word-spacing:具体像素

强制不换行:white-space:nowrap(不换行) nomal(换行)

复合样式:无复合样式


一个空格有多大?????

在宋体下为文字大小的一半


测量文字大小时最好为从上到下的距离(文字右侧有一定像素的距离)

你可能感兴趣的:(文字文本font)