CSS缩写属性整理

原创 2017年04月03日 18:19:01

CSS缩写属性整理


border

  • border-width
  • border-style
  • border-color

顺序任意,除了border-style必须设置外,其余值可以省略为默认值。只能设置全局边框,可以用border-top、border-left等简写属性来覆盖修改局部

background

以下属性可采用任何顺序,且都是可选属性:

  • background-color
  • background-position
  • background-size
  • background-repeat
  • background-origin

    • content-box(默认)
    • border-box(设置width和height时包含内边距和边框)
  • background-clip
  • background-attachment
  • background-image
    (顺便说一句,background-size设置百分数时,第一个数相对于父元素的width,第二个相对于父元素的height,如果只设置一个,第二个为auto)

    font

  • font-style
  • font-width
  • font-variant

    • small-caps (小型大写字母)
    • normal
  • font-size
  • font-family

    前三个值的顺序随意且可缺省,但是后两个值必须有且必须是font-size在前,font-family在后的顺序
    font-size后加斜杠(/)可以添加line-height属性

版权声明:本文为博主原创文章,未经博主允许不得转载。

CSS的属性缩写

CSS字体属性: .mydiv { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; line...

高效CSS属性缩写

今天在整理电脑时发现了曾经学习 CSS 时保存的一篇文章,感觉很有用,保存在电脑上说不定什么时候就找不到了,不如就贴到博客里了。原文是英文的,顺便翻译了一下。水平有限,并没有严格按照原文翻译,只能算意...

浅谈css代码的简化缩写

现在很多人所用的CSS代码都很冗赘,其实很多都可以简化缩写的。 这次就根据自己所知道的来跟大家谈谈有关CSS代码的简化缩写问题。   1、所有CSS代码只要用一个style标记就可以了,没必要每...

CSS格式化排版+常用缩写和值设置

HTML+CSS

【翻译】Emmet(Zen Coding)官方文档 之三 CSS 缩写

【说明】本系列博文是依据 Emmet 官方文档翻译的,原文地址为:http://docs.emmet.io/,部分内容已经在博主之前的博文中节选过,为方便已经收藏过之前博文的朋友,没有删除这些博文,仅...

浅谈CSS中的缩写

盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和paddin...
  • csdn_ds
  • csdn_ds
  • 2017年07月11日 22:01
  • 93

CSS代码缩写, 占用更少的宽带,单位和值

盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding...

Dreamweaver设置CSS代码缩写及压缩成一行教程

学习css的朋友可能都遇到,下载下些大站的源代码查看,会发现它的每个样式内的属性代码都是横排的较多,但自己在DW里生成出来的都是一个属性占一行,整个页面好长呀!有什么办法让css像一些大站那样排成一行...
  • wkj001
  • wkj001
  • 2017年01月18日 09:55
  • 388

第 8 章 CSS 代码缩写,占用更少的带宽

盒模型代码简写 颜色值缩写 字体缩写 盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS缩写属性整理
举报原因:
原因补充:

(最多只允许输入30个字)