易截截图软件、单文件、免安装、纯绿色、仅160KB

用CSS设置文本的属性

一、CSS 中长度与颜色
1、长度单位说明
in 英寸
cm 公分
mm 公里
cm 以目前字体高度为单位
ex 以小写字母高度为单位(大部分不支持)
pt 1pt/72英寸
pc 1pc/12pt
px 像素(推荐使用)
2、颜色单位: 说明
十六进制如:color:#ff0000
颜色名称如:color:red
三原色单位如:rgb(255,0,0)
一般最常用的是十六进制,三原色单位的原理【红(r),绿(g),蓝(b)】混合而成,每个值域在0-255之间
二、CSS 中的文字属性
font-style
normal 正常显示
italic 斜体
bold 粗体
font-size 像素字体大小 百分比字体大小
font-family 字体名称设置字体名称
font-variant
normal 正常显示
small-caps 将英文大小写字母写调为同宽
font-weight normal 正常显示
font属性简化的使用方法:
font:是否斜体是否同宽是否粗体大小字体名称
例如:font:italic bold 200 黑书;
三、CSS中的文本属性
color 十六进制颜色、英文名称颜色、三原色单位颜色
letter-spacing
normal 正常显示
长度   文本间隔
word-spacing
normal 正常显示
数字   单词间距
white-space
normal 文本自动处理换行
pre    换行和空白受保护
nowrap 强制在同一行显示
text-align
left 文字靠左
right 文字靠右
center 文字靠中
text-decoration
none 正常显示
underline 加上下划线
overline 加顶线
line-through 加删除线
text-indent
长度 首行缩进
百分 首行缩进
line-height 像素行高
数字/百分比 行高
text-transform
none         正常显示可以包含大,小字符
capitalize   字符串第一个字符大写
uppercase    设置大写字符
lowercase    设置小写字符
vertical-align
sub    设置文字为下标。
super  设置文字为上标。
top    元件往上端靠齐。
middle 设置文字是在中线位置。
bottom 元件往下端靠齐。


相关文档:

div+css之左右栏目自动等高

在用DIV+CSS排版时,经常要使左右两边栏目自动等高。这里介绍个简单方法~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<m ......

CSS布局口诀 CSS BUG查找顺口溜

引用牛人经典口决
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布 ......

网页变灰CSS代码

使网页变灰,有两种方法可实现:
第一种,全部变灰:
<style type="text/css">
html { FILTER: gray }
</style>
 
第二种,局部变灰,广告代码不会变灰:
<style type="text/css">
BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style> ......

CSS 选择器优先级

CSS优先级包含四个级别(文内选择器,ID选择器,Class选择器,元素选择器)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。
CSS优先级的计算规则如下:
* 页面中直接设置style,加1,0,0,0
* 每个ID选择器(如 #id),加0,1,0,0
* 每个Class选择器(如 .class)、每个属性选择器(如 [attribute=])、每个 ......

Goodbye to CSS Hack


看看下面这段代码,是否倍感亲切但又觉得很陌生呢:
.test {
background-color: black; /* firefox, opera, ie8 */
[;background-color: green;] /* safari, chrome */
*background-color: blue; /* ie7 */
_background-color: red; /* ie6 */
}
html*~/**/body .test {
border: 5px solid ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号