您好,欢迎访问上海畔游网络科技有限公司官方网站!我司跻身上海网站建设公司百强之列,是专业的上海网页设计公司、上海网站制作公司,如需建站,敬请联系:021-60528088 热线电话:136-5168-1887

新闻资讯

上海畔游科技网络科技有限公司
首页 » 新闻资讯 » 行业新闻

网站中文字样式编辑技巧

发布日期:2016-03-17

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像素的空格。