CSS3使用的技巧,我看了50条CSS3使用方法,选出8个有特色的分享
css吧
全部回复
仅看楼主
level 8
1.禁止a标签点击高亮,这些都是非官方属性,但实用性超强
2. 行级,块级元素居中显示
以前我们要将文字居中显示的做法是 text-align: center; line-height:x;
如果父级元素的高度是未知的呢 line-height久不好确定了,下面三行代码为你搞定 应为不再考虑父级元素的宽度了
3.禁止换行 多余省略号
4.禁止换行高能升级
如果需求是让文字显示两行多余用省略号显示呢?
来个大招
5.用百分比控制line-height;
移动端应尽量少使用px,用百分比控制更精确
line-height:100%;//两行文字之间无空隙
使用:当拿到设计PSD时 我们先看字号是多少,比如24px; 文字的间距,比如10px; 那么line-height=100%+(10/24)*100%; 这样的行间距是最精确的并且响应各种设备
6.使用flex取代float
7.文字上划斜线
我们知道在文字上划横线是 text-decoration: line-through;但是默认没有划斜线的属性,这个常用于电商网站比如将原价用斜线划掉
这里我们用到before
8.字体大小使用vw
字号的使用变迁 px->em->rem->vw
2019年06月04日 06点06分 1
level 8
希望能够对大家有帮助
2019年06月04日 06点06分 2
阿萨德
2019年06月08日 05点06分
level 8
learning = input('Do you want to learn\ python new (Yes or NO):')
a = learning
if a =='Yes':
print('扣扣:3419210046')
elif a=='NO':
print('thanks!!!')
2019年06月09日 08点06分 4
1