高新技术企业(国家级)        科技型中小企业        创新型中小企业

塑造核心品牌力

021-6052-8088021-6052-8088

站内搜索

新闻资讯

新闻资讯

我们用专业缔造品牌精髓
当前位置:首页 » 新闻资讯 » 网站中文字样式编辑技巧

网站中文字样式编辑技巧

发布时间:2016-03-17 10:51:46浏览次数:2,990 次作者:admin

标签:

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

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

    在线咨询

    021-6052-8088

    • 7*24小时专业服务

    • 专业备案全程跟进

    • 承诺做不到退款

    • 塑造高端品牌网站

    十年项目开发经验 — 为你提供更优质的产品及服务

    PC端 + 手机端 + H5 / 小程序 / 系统定制开发
    立即咨询获取方案

    匠心设计 • 至臻品质

    扫一扫咨询我们
    上海敦煌021-6052-8088

    您已经驻足了0

    与设计/技术直接沟通,获取报价方案
    扫一扫咨询我们