码迷,mamicode.com
首页 > 其他好文 > 详细

文本属性

时间:2014-08-08 18:05:56      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   使用   io   for   div   line   

设置文本颜色:

<style type="text/css">
body {color:red}
h1 {color:#00ff00}
p.ex {color:rgb(0,0,255)}
</style>

设置文本背景颜色:

<style type="text/css">
span.highlight
{
background-color:yellow
}
</style>

设置字符间距:

<head>
<style type="text/css">
h1 {letter-spacing: -0.5em}
h4 {letter-spacing: 20px}
</style>

设置行间距的三种方法:

1.百分比

<head>
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>

在大多数浏览器中默认行高大约是 110% 到 120%。

2.像素

<style type="text/css">
p.small
  {
  line-height: 10px
  }
p.big
  {
  line-height: 30px
  }
</style>

在大多数浏览器中默认行高大约是 20px。

3.数值

<style type="text/css">
p.small
{
line-height: 0.5
}
p.big
{
line-height: 2
}
</style>

默认行高大约是 1。

对齐文本:

<style type="text/css">
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
</style>

修饰文本

<style type="text/css">
h1 {text-decoration: overline}
h2 {text-decoration: line-through}
h3 {text-decoration: underline}
h4 {text-decoration:blink}
a {text-decoration: none}
</style>
text-decoration:blink 定义闪烁的文本

缩进文本:
<head>
<style type="text/css">
p {text-indent: 1cm}
</style>

允许使用负值。如果使用负值,那么首行会被缩进到左边。

控制文本中的字母:

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

在元素中 禁止文本折行

<style type="text/css">
p
{
white-space: nowrap
}
</style>

增加单词 间距

<style type="text/css">
p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}
</style>

 

文本属性,布布扣,bubuko.com

文本属性

标签:style   blog   color   使用   io   for   div   line   

原文地址:http://www.cnblogs.com/penger/p/3899774.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!