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 (可以设置负值)
Comments | NOTHING