你一定要知道的css属性值规范

来源:网络整理作者: 发布时间:2020-12-22 08:59

本文来自css快速入门，文中为大家分享了几条css属性值规范，具有一定的参考价值，希望可以帮助到大家。css属性值...

color: #ccc;

3、注意border none和0的区别

虽然打包工具最后会帮我们处理，但保持一个良好的书写习惯还是很重要的。

border: 0; border-width: 0;

而下面这两个一样：

你一定要知道的css属性值规范

例如：

.list{ border: 1px solid 0; margin: 0; }

但是有个特例，就是和时间有关的时间单位都要带上秒s，如下两个都是不合法的：

transition-duration: 0; transition: transform 0 linear;

2、色值用十六进制，少用rgb

如下两个意思一样：

border: none; border-style: none;

所以用0和none都可以去掉边框。

color: rgb(80, 80, 80);

改成：

.list{ border: 1px solid 0px; margin: 0px; }

改成：

color: #505050;

因为使用rgb是一个函数，它还要计算一下转换。如果是带有透明度的再用rgba。

如下：

1、如果值是0，通常都不用带单位

如果色值的六个数字一样，那么写3个就好：

相关热词： CSS

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/7054.shtml

上一篇：span的三个属性

用react的ReactCSSTransitionGroup插件	当你自己回头来看你写的这些
我们直接看代码： !DOCTYPE htm	那么使用 CSS3 新增的选择器无
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
CSS3东西最新资讯	各路人马对它的热情都极为高
中联重科CSS3混凝土喷射机器手	CSS3与页面机关进修总结（二）
四、id选择器（#ID） ID选择器	谈谈一些有趣的CSS题目（十）
在全局:root{ }伪类中定义了一个	CSS3与页面机关进修总结（七）
而不是元素本身	在使用有厂商前缀的样式时