首页
产品
快图
小程序
微商城
网站建设
新闻
公司动态
行业资讯
关于
案例
联系
CSS界定字体样式间隔 字体样式行与行间隔
2021-03-13 00:57
jianzhan
CSS界定字体样式行间隔 line-height:xxpx;
CSS界定字体样式间隔
下面大家讲述1下CSS的文字特性,還是先看来1下文字特性的详尽目录:
特性 特性含意 特性值
Word-spacing 界定了各个单词之间的间隔 Normal<length>务必以长度为企业
Letter-spacing 界定了每一个字母之间的间隔 同上
Text-decoration 界定文本的“装饰设计”款式 None|underline|overline|
line-through|blink
Vertical-align 界定了元素在竖直方位
上的部位
Baseline|sub|super|top|text-top|middle|bottom|text-bottom
<percentage>
text-transform 使文字变换为其它方式 Capitalize|uppercase|lowercase|none
Text-align 界定了文本的对齐方法 Left|right|center|justify
Text-indent 界定了文字的首行的缩进方法 <length>|<percentage>
Line-height 界定了文字的行高 Normal|<unmber>|<length>|
<percentage>
大家能够从表格中看到在这里能够界定文字的文本间隔、字母间隔、装饰设计、对齐方法、缩进方法和行高特性。
举个事例看来看吧:
CODE:
<p style="letter-spacing:5px;text-align:justify;text-indent: 4em;line-height:17pt">大家看到历经文字特性解决的文字字与字之间多了间隔,行与行之间多了行高,对齐方法变为了两边对齐,而且段首又多缩进了两格。</p>
letter-spacing设定了字间隔为5px,在其中5px为1个长度企业;text-align设定了对齐方法为两边对齐;indent设定了缩进格为4em;line-height设定了行高为17pt
从上面的事例,大家能够看出运用CSS的文字特性能够便捷的对网页页面中的文字开展排版。
为您推荐
CSS界定字体样式间隔 字体样式行与行间隔
手机微信微信小程序商城系统制作企业哪
纯css制做的好看漂亮的进度条
取胜客被薅羊毛!网民仅花3289元就购到小
全面适配ie6,ie7,ie8,ff的CSS HACK写法
所有文章
公司动态
行业资讯