html中 文字和文本的设置

文字样式

在head中

div{

font-weight:bold;  /normal(正常)    加粗

font-style:italic;    /normal(正常)     倾斜

font-size:48px                             大小

font-family:"楷体"                          字体

line-height:16px;                           行高        行高和div一样时,文字会居中显示

}

<head>

欢迎来到这里

</head>

多行文字测量行高方法:

1.确认文字大小

2.确认两行文字之间空隙的大小

3.空隙大小除以2,得出来的就是值就是每行文字的上下空隙大小

   3.1当行高为奇数时,文字的上方比下方少一个像素

   3.1当行高为偶数时,文字上下空隙一致

4.通过ps辅助线测量多行文字的行高

 

复合样式  font:bold italic 26px /50px"楷体"     50px为行高       (注意书写顺序)

 

文本样式  (没有复合样式)

div{

color:red;                                          颜色

text-align:right;  /left /center                对齐方式

text-indent:31px;                            首行缩进      2em; (一个em是一个文字大小)

text-decoration: underline;   /none;     下划线

letter-spacing:10px;                            字母间距  

word-spacing;                                      单词间距(通过空格判别词语)

white-space:nowrap;    /normal;           强制不换行

测量文字大小时,最好使用从上到下的方法,在文字右侧有一像素的空隙,空格占宋体文字的一半

 

 

 

}

posted @ 2018-10-18 14:19  yyyangel  阅读(1913)  评论(0编辑  收藏  举报