css怎么控制字体的位置?

html-css020

css怎么控制字体的位置?,第1张

控制字体位置可以用padding

margin

text-indent

单位可以是px

em

%

(em是根据你设置的字体大小设定的,假如你设置字体为12px,那么2em就是24px。

%是根据父容器的宽度或高度决定的。

margin-left:automargin-right:auto(左右自动对齐)。position:absolute(绝对定位)

1、首先要了解css中是如何控制字体的。\x0d\x0afont:在一个声明中设置所有字体属性;\x0d\x0afont有以下几个属性:\x0d\x0a\x0d\x0afont-style:字体样式\x0d\x0a\x0d\x0afont-variant:字体异体\x0d\x0afont-weight:字体粗细\x0d\x0afont-size/line-height:字体大小/行高\x0d\x0afont-family:字体系列(比如宋体、黑体等)\x0d\x0a2、知道这些之后,那"设定字体为微软雅黑Bold字体"就可以这么写:\x0d\x0afont-family:"微软雅黑"font-weight:bold\x0d\x0a但是需要注意一点,通常我们使用中文字体的时候,都会使用的英文名称,而不是直接使用中文;而且,也会使用简写的形式;如下:\x0d\x0afont:bold12px/1.5em"MicrosoftYaHei"

div 中的字体如何用CSS控制居下的方法:

1、用margin-top 或者padding-top 设置。

代码:

<div class="text"></div>

.text {width:??pxheight:??pxmargin-top:10px} //这里用margin或padding 都行。

2、设置行高,line-height 属性

如:line-height:30px 数字越大行高越高 行与行的距离越大。

代码:

<div class="text"></div>

.text {width:??pxheight:??pxline-height:??px}