美文网首页
你一定要知道的css属性值规范

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

作者: 小人物不说大话 | 来源:发表于2020-07-08 11:54 被阅读0次

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

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

例如:

.list{

    border: 1pxsolid0px;

    margin: 0px;

}

改成:

.list{

    border: 1pxsolid0;

    margin: 0;

}

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

transition-duration: 0;

transition: transform 0linear;

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

如下:

color: rgb(80, 80, 80);

改成:

color: #505050;

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

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

color: #ccc;

3、注意border none和0的区别

如下两个意思一样:

border: 0;

border-width: 0;

而下面这两个一样:

border: none;

border-style: none;

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

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

推荐教程:css快速入门

相关文章

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

    你一定要知道的css属性值规范 1、如果值是0,通常都不用带单位 例如: .list{ border: 1pxso...

  • css命名使用规范

    css规范 命名规则说明 所有的命名最好都小写 属性的值一定要用双引号("")括起来,且一定要有值如class="...

  • CSS规范 - 代码格式

    CSS规范 - 代码格式 选择器、属性和值都使用小写 在xhtml标准中规定了所有标签、属性和值都小写,CSS也是...

  • jQuery内容整理——CSS

    .css()访问匹配元素的样式写法:.css({'属性','属性值'})|.css({属性:'属性值'}) .o...

  • css使用方法

    css基本语法 css的定义方法是:选择器 { 属性:值; 属性:值; 属性:值;} 例: css页面引入方法: ...

  • 前端 (2)

    css基本语法及页面引用 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} ...

  • HTMLCSS学习笔记(四)-- CSS属性

    CSS属性 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性属性值:属性值包括法定...

  • css

    css基本语法及页面引用 css基本语法 css的定义方法:选择器{属性:值;属性:值;属性:值;}选择器是将样...

  • CSS引入方式

    CSS的基本语法 1)CSS语法选择器{属性名称1:属性值1;属性名称2:属性值2;...} 2)CSS的引入方式...

  • CSS入门

    CSS CSS基本语法 CSS定义方法是:  选择器{属性:值;属性:值;属性:值}  选择器是将样式和页面元素关...

网友评论

      本文标题:你一定要知道的css属性值规范

      本文链接:https://www.haomeiwen.com/subject/xenqcktx.html