文本样式

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值