2010年7月12日星期一

CSS字体、文本、颜色、大小

CSS中字体选择

例子:body {font-family:sans-serif; }

值:serif、sans-serif、monospace、fantasy、cursive

serif 字符笔画末端有衬线(serif),包括Times New Roman.

sans-serif 没有末端细节,外形更简单,包括Arial、Verdanna。

monospace 每个字母等宽,常用于计算机相关书籍排版,包括Courier、Monotype

cursive 手写笔迹,笔画一般教细,包括Comic Sans MS、Brush Script

fantasy 浏览器各自采用字体方案不同,curive也是,不能保证不同地方外观一致性。

推荐sans-serif字体

CSS中字体属性集合

font-style :normal、italic、oblique(后两为斜体,可互换)

font-weight: lighter、normal、bold、bolder

font-variant:normal、small-caps(将所有字母转换成小型大写字母)

font-family:sans-serif、serif,等

简写规则:

始终要声明font-size和font-family

简写声明先后顺序:font-weight、font-style、font-variant、font-size、font-family

例如:p {font:bold italic small-caps .75em verdana,arial,sans-serif;}

文本属性

text-indent:首行缩进 ,值可为正负,0刚好左对齐了,正右负左移。p {text-indent:3em;}

letter-spacing:缩排,调整字间距,值可为正负,正扩负缩 p {letter-spacing:.2em;}

word-spacing:改变词(以一个英文单词为单位)间距,值可为正负,正扩负缩 p{word-spacing:.2em;}

text-decoration:值:underline、overline、line-through、blink

text-align:值:left,right,center,justify 指明其内部的元素个方向对齐方式,(注意是其内部,而不是自身)

line-height:指定行与行基线间距离(非行间空白距),p {line-height:1.5; } 数字为相对值0-max。

text-transform: 值uppercase、lowercase、capitalize(将每个单词首写字母大写),none

vertical-align:将包含文本基线上下移动。值任何长度或百分比,如vertical-align:60%,或vertical-align:-.25em。另标签化标签有sub、sup、top、middle、bottom,通常和font-size一起来表示公式。

定位数字值

绝对值(简写单位)

英寸( in)、厘米(cm)、毫米(mm)

点(pt)、像素 (px)、十二点活字(pc)

相对值(简写单位)

em(em) 、ex(ex)、百分比(%)

颜色取值

#RRGGBB

通用支持16种:

black,blue,red,siliver,white,

yellow,navy,fuchsia,gray,

green,lime,maroon,olive,purple,teal

没有评论:

发表评论