您现在的位置:首页 >> 前端 >> 内容

文本样式

时间:2017/7/8 11:00:11 点击:

  核心提示:1.em 相对于最近的font-size,如果找不到默认为16px,如果前边加数字,代表几倍rem(root em) 常用于移动端,只参考根元素标签样式的文字大小,还可用于宽度,长度等(width:1...

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; 列表小圆点和文字一体还 是分开,默认分开

}

Tags:文本 本样 样式   
作者:网络 来源:骑着毛驴的小猴子