用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排版时,经常要使左右两边栏目自动等高。这里介绍个简单方法~~
<!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 ......
引用牛人经典口决
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布 ......
使网页变灰,有两种方法可实现:
第一种,全部变灰:
<style type="text/css">
html { FILTER: gray }
</style>
第二种,局部变灰,广告代码不会变灰:
<style type="text/css">
BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style> ......
CSS优先级包含四个级别(文内选择器,ID选择器,Class选择器,元素选择器)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。
CSS优先级的计算规则如下:
* 页面中直接设置style,加1,0,0,0
* 每个ID选择器(如 #id),加0,1,0,0
* 每个Class选择器(如 .class)、每个属性选择器(如 [attribute=])、每个 ......
看看下面这段代码,是否倍感亲切但又觉得很陌生呢:
.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 ......