标签: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>
标签:style blog color 使用 io for div line
原文地址:http://www.cnblogs.com/penger/p/3899774.html