文本样式

来源:互联网 发布:mac装不了软件说版本低 编辑:程序博客网 时间:2024/06/04 19:41

1.em 相对于最近的font-size,如果找不到默认为16px,如果前边加数字,代表几倍
rem(root em) 常用于移动端,只参考根元素标签样式的文字大小,还可用于宽度,长度等(width:10rem)
凡是能用px的地方,都可以使用em/rem
100% font-size:100%即是16px,
2.white-space:nowrap;盒子放不下,保持文字不换行 作用于弹幕系统
3.word-break:break-word;连续文字换行,不会超出盒子
4.text-align:center;块内文字/行内元素都左右居中
5.上下居中可以使用:1 margin/padding
2 display:flex;
6.word-spacing:20px;加文字之间的空白,对齐文字使用,期间必须加个空格,但不是 ,空格就好
7.letter-spacing:20px;控制字母之间的空白
8.text-indent:2em;首行缩进2字符 1em=1font-size,此处通常使用em
9.text-justify:auto|none; 两端对齐,一般对英文效果明显,中文不明显
10.vertical-align:bottom|+-npx;低端对齐,调整位置,主要用于行内/行内块状元素,还可以用于制作数字的平方
11.text-decoration:underline|line-through|none;下划线和删除线
12.text-shadow:0px 0px 3px black;水平 竖直 影子模糊程度 影子颜色
13.direction:ltr|rtl;文字从左到右/从右到左
14.ul|ol|dl|dt|dd{
list-style:none; 去掉小圆点
margin:0px;
padding:0px;
} 通常这么处理列表
15.li{
list-style-type:square; 小方点
list-style-image:url(); 图片代替圆点
list-style-position:inside|outside; 列表小圆点和文字一体还 是分开,默认分开
}