我们平常看的css参考书或者说老师课堂上教授的css样式一半都是些较为常用的,今天小编给大家整理出一些比较冷门,但掌握了就省心省力又省时的实用css样式,
答应我收藏前先点个关注好么,你们的关注是我前进的动力~
扫雷开始!ready?go!
1.如何使用Placeholder属性改变字体颜色
input 的 H5
placeholder
属性,很好用,但不能直接改这个文字颜色,所以目前的解决方法就是用
::input-placeholder
属性来改。
小Tips: 配合 opacity 属性使用效果更佳哦!
2.@Impor 嵌套样式表文件
使用它可以在样式表再次内嵌套样式表文件,比如一些组件 CSS可以使用,但不太推荐使用这个,因为加载时有可能会被漏掉。
3.Position: Absolute, 让Margin有效
设置left:0, right:0 就可以。原因是2边都是0不存在边距,element就可以得出距离,并居中。
4.使用 Clearfix 清楚浮动,解决父类高度崩塌
5.User-Select 禁止用户选中文本
6.清除手机Tap事件后Element 时候出现的一个高亮
7.Perspective 透视
这个属性的存在决定你看到的元素是2d还是3d。一般设置在包裹元素的父类上。
8.Css实现不换行、自动换行、强制换行
9.Box-Sizing 让元素的宽度、高度包含Border和Padding
更多互联网知识干货分享尽在一根筋教育