六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

none uppercase lowercase capitalize控制网页文字大小写

Admin | 2015-9-4 11:47:57 | ReadNums | 1557 | 标签 网页制作 | 打印本页
     

  控制网页的文字大小写,得使用字符转换功能,下面为详文:

  text-transform 属性处理文本的大小写。这个属性有 4 个值:

  none
  uppercase
  lowercase
  capitalize

  默认值 none 对文本不做任何改动,将使用源文档中的原有大小写。顾名思义,uppercase 和 lowercase 将文本转换为全大写和全小写字符。最后,capitalize 只对每个单词的首字母大写。

  作为一个属性,text-transform 可能无关紧要,不过如果您突然决定把所有 h1 元素变为大写,这个属性就很有用。不必单独地修改所有 h1 元素的内容,只需使用 text-transform 为你完成这个修改:

  h1 {text-transform: uppercase}

  使用 text-transform 有两方面的好处。首先,只需写一个简单的规则来完成这个修改,而无需修改 h1 元素本身。其次,如果您以后决定将所有大小写再切换为原来的大小写,可以更容易地完成修改。

  <style type="text/css">
  h1 {text-transform: uppercase}
  p.uppercase {text-transform: uppercase}
  p.lowercase {text-transform: lowercase}
  p.capitalize {text-transform: capitalize}
  </style>

  <h1>This Is An H1 Element</h1>
  <p class="uppercase">This is some text in a paragraph.</p>
  <p class="lowercase">This is some text in a paragraph.</p>
  <p class="capitalize">This is some text in a paragraph.</p>


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日