当前位置:  编程技术>WEB前端

常用CSS缩写语法总结

    来源: 互联网  发布时间:2014-09-06

    本文导语:  使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法:...

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:

颜色

16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:
#000000可以缩写为#000;#336699可以缩写为#369;

盒尺寸

通常有下面四种书写方法:

  • property:value1; 表示所有边都是一个值value1;
  • property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
  • property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3
  • property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下:
margin:1em 0 2em 0.5em;

边框(border)

边框的属性如下:

  • border-width:1px;
  • border-style:solid;
  • border-color:#000;

可以缩写为一句:border:1px solid #000;

语法是border:width style color;

背景(Backgrounds)

背景的属性如下:

  • background-color:#f00;
  • background-image:url(/blog_article/background.gif);
  • background-repeat:no-repeat;
  • background-attachment:fixed;
  • background-position:0 0;

可以缩写为一句:background:#f00 url(/blog_article/background.gif) no-repeat fixed 0 0;

语法是background:color image repeat attachment position;

你可以省略其中一个或多个属性值,如果省略,该属性值将用浏览器默认值,默认值为:

  • color: transparent
  • image: none
  • repeat: repeat
  • attachment: scroll
  • position: 0% 0%
字体(fonts)

字体的属性如下:

  • font-style:italic;
  • font-variant:small-caps;
  • font-weight:bold;
  • font-size:1em;
  • line-height:140%;
  • font-family:"Lucida Grande",sans-serif;

可以缩写为一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

注意,如果你缩写字体定义,至少要定义font-size和font-family两个值。

列表(lists)

取消默认的圆点和序号可以这样写list-style:none;,

list的属性如下:

  • list-style-type:square;
  • list-style-position:inside;
  • list-style-image:url(/blog_article/image.gif);

可以缩写为一句:list-style:square inside url(/blog_article/image.gif);


    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JQuery对表格进行操作的常用技巧总结
  • sql不常用函数总结以及事务,增加,删除触发器
  • C++常用的#include头文件总结
  • python中关于时间和日期函数的常用计算总结(time和datatime)
  • mysql常用命令大全 mysql常用命令总结
  • 浅析JAVA常用JDBC连接数据库的方法总结
  • 修改MYSQL密码的几种常用方法总结
  • 常用jQuery选择器总结
  • asp.net 常用Request信息总结
  • Android按钮单击事件的四种常用写法总结
  • 常用python数据类型转换函数总结
  • PHP header()函数常用方法总结
  • AIX常用配置文件总结-请补充
  • mysql DBA:mysqladmin常用命令总结
  • Java 反射获取类详细信息的常用方法总结
  • C#窗体间通讯的几种常用处理方法总结
  • Android实用的代码片段 常用代码总结
  • java解析xml常用的几种方式总结
  • jQuery常用操作方法及常用函数总结
  • FileStream常用的属性与方法总结
  • Linux常用命令介绍:更改所属用户群组或档案属性
  • 求常用操作常用命令
  • redhat/centos 常用信息查看命令整理
  • 100分求:linux常用命令和C语言常用函数帮助文档
  • 二叉树常用算法(求总节点个数和叶子节点个数)
  • 调查:兄弟们,你们常用linux开发什么软件?哪类软件?常用什么开发工具?
  • Windows7 常用使用技巧
  • 常用的C语言算法库 libcstl
  • c/c++ 常用转义字符
  • 最常用的Linux/Unix系统版本是什么版本啊?
  • 基于Key-Value的NOSQL数据库Redis的数据结构及常用相关命令介绍


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3