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
没有评论:
发表评论