css字体

字号设置font-size:单位px(常用的) pt 、em 、rem

文字行高设置line-height 可以是具体的像素值line-height:24px或者是具体的倍数line-height:2 (不加px代表是倍数,文字大小的倍数)

缩写方式:font:font-weight font-style font-variant font-size/line-height font-family

常用缩写方式:font:font-size/line-height font-family(三者缺一不可)

将小写字母变成小型的大写字母font-variant:small-caps

浏览器解析的文字大小默认16px 默认1em=16px 网页中常用的文字大小 12px 14px 16px (都是偶数) 9pt=12px 0.75em=12px

列表属性

列表符号设置list-style-type:decimal数字、disc圆点、circle空心圆、square实心方块 、none没有符号

用图片代替列表符号list-style-image:url(图片路径)

列表符号的位置list-style-position:inside(里)outside(外默认值)

工作中常用list-style:none去掉列表符号

               试一试

背景属性

背景图片的重复方式 background-repeat:repeat(默认值) no-repeat不重复 repeat-x水平重复 repeat-y垂直重复

背景图片的位置:background-position:值1 值2;

值1代表水平方向 值2代表垂直方向 可以给具体的方向值,如果水平垂直方向都是居中效果可以缩写成一个center

可以设置具体的方向值 正值向右向下,负值向左向上

Background:颜色 图片 重复方式 位置(没有顺序要求)

背景图片的固定background-attachment:fixed

文本属性

字符间距: letter-spacing (可以设置负值)

文本修饰:text-decoration:underline下划线 overline上划线 line-through删除线 none没有线

直对齐方式:vertical-align:top/middle/bottom/baseline(默认值) 目前只有img支持

文本阴影:text-shadow:水平偏移 垂直偏移 模糊半径 阴影颜色 一个标签可以有多组阴影中间用逗号隔开(css3.0出现的属性低版本浏览器不支持)

英文字母大小写text-transform:uppercase 全大写 lowercasp全小写 capitalize首字母大写

词间距 word-spacing (可以设置负值)

首行缩进 text-indent:首行缩进两个字的值取决于文字大小常用首行缩进两个字的值为2em (可以设置负值)

 


一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。