站内搜索

新闻资讯

新闻资讯

我们用专业缔造品牌精髓
当前位置:首页 » 新闻资讯 »

网站中文字样式编辑技巧

2016-03-17539 次畔游科技建站公司

simida1

text-transform 属性

使用text-transform属性可以自动将文档的部分或全部文本转换成大定或小写字母。可接受的值为capitalize、uppercase、lowercase或none。

capitalize将文本中每个单词的第一个字母都显示为大写字母,即使源文档的文本是小写的。uppercase和lowercase值分别以相应的状态显示所有文本。当然none会取消任何转换。例如:

h1{text-transform: uppercase}

这行代码使所有字母都显示为1级标题,其中文本为大写字母,而下列代码:

h2{text-transform: capitalize}

确定了2级标题中的每个单词都以大写字母开始,例如它适合于节标题。

注意,当uppercase和lowercase影响整个文本时,capitalize影响的仅是文本中每个单词的第一个字母。因此,用capitalize转换单词“htM1”时会生成“HtM1”.

vertical-align

vertical-align属性控制某元素相对于包含这个元素行的相对位置。这个属性的有效值包括:

baseline

把元素的基线与包含这个元素的基线对齐。

middle

把元素的中部与包含这个元素的中部(通常是x-height)对齐。

sub 下标元素。

super 上标元素。

text-top

把元素的上端与其父元素字体的上端对齐。

text-bottom

把元素的下端与其父元素字体的下端对齐。

top

把元素的上端与当前行的最高元素的上端对齐。

bottom: 把元素的下端与当前行的最低元素的下端对齐。

此外,百分数值指出了相对于当前基线的一个位置,这样50%的位置就是在基线上一半行高处放置这个元素。100%的位置值就是在当前行的基线下侧的一个整行行高处放置元素。

当这个属性应用于<img>或其他非文本内联元素时,浏览器会支持除middle之外所有用于文本元素的值,以及除sub以外的值。IE浏览器只有在这个属性应用于文本元素时才支持sub和super值,而且只在该属性应用于非文本内联元素时才支持所有值。

word-spacing使用word-spacing属性可在一个标签内的字之间添加空格。可以指定一个长度值,或用关键字normal来恢复到正常字间距。例如:

h3{word-spacing:25px}

可在<h3>标签内的字之间加入一个额外的25像素的空格。


34

免费获取网站/小程序/h5和网络推广方案

电话咨询

021-6052-8088

  • 7*24小时专业服务

  • 专业备案全程跟进

  • 承诺做不到退款

  • 快速建站 seo友好

为你提供更优质的产品及服务 — 企业建站优选解决方案

PC端 + 手机端 + H5/小程序 /APP
立即咨询获取方案