CSS常用属性的代码简化实例

CSS代码简化在工作中是非常有益的，也是必要的。在编写CSS代码时，经常会出现冗余的代码，为了提高代码的质量及文件压缩到最小，使代码具有可读性，不得不把CSS代码简化。下面用一些比较常用的属性来做示例。

margin

margin-top:1px;

margin-right:1px;

margin-bottom:1px;

margin-left:1px;

代码简化为：margin:1px

margin-top:1px;

margin-right:2px;

margin-bottom:1px;

margin-left:2px;

代码简化为：margin:1px2px

margin-top:1px;

margin-right:2px;

margin-bottom:3px;

margin-left:2px;

代码简化为：margin:1px2px3px

margin-top:1px;

margin-right:2px;

margin-bottom:3px;

margin-left:4px;

代码简化为：margin:1px2px3px4px

注意：当属性值是0的时候单位可以不写如：0px直接就写成0

padding

padding的书写方法和margin相类似

padding-top:1px;

padding-right:1px;

padding-bottom:1px;

padding-left:1px;

代码简化为：padding:1px

时间： 2025-01-26 14:34:09

CSS常用属性的代码简化实例的相关文章

CSS常用属性速查表

属性太多,对于我这种不深入WEB的人员,还是有个速查表方便多了,注意利用开头的目录,会不断更新的 CSS 字体属性(Font) 属性 描述 CSS  font 在一个声明中设置所有字体属性. 1  font-family 规定文本的字体系列. 1  font-size 规定文本的字体尺寸. 1  font-size-adjust 为元素规定 aspect 值. 2  font-stretch 收缩或拉伸当前的字体系列. 2  font-style 规定文本的字体样式. 1  font-varia

CSS常用属性和值

1.字体 [html] view plain copy   <html>           <head>                   <title>font</title>                   <style>                           h1{                               font-family:times,courter;                     

简化CSS中属性的示例

在工作中编写CSS代码时,经常会出现冗余的代码,特别是用"可见即可得"工具来编写,为了提高代码的质量及文件压缩到最小,使代码具有可读性,我们不得不把CSS代码简化. 下面用一些比较常用的属性来做示例: margin margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px; 代码简化为:margin:1px margin-top:1px; margin-right:2px; margin-bottom:1p

Ruby常用文件操作代码实例

  这篇文章主要介绍了Ruby常用文件操作代码实例,如新建文件.输出文件内容.IO操作.输出文件路径.stringio使用等内容,需要的朋友可以参考下 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 6

PHP开发中常用的十个代码样例_php实例

一.黑名单过滤 function is_spam($text, $file, $split = ':', $regex = false){ $handle = fopen($file, 'rb'); $contents = fread($handle, filesize($file)); fclose($handle); $lines = explode("n", $contents); $arr = array(); foreach($lines as $line){ list($w

CSS常用浮出层的代码

CSS常用浮出层的写法实例展示 ◆◆ ◆◆ ◆◆ ◆◆ Hi,知道吗? ! ◆◆ Hi,知道吗? ! ◆◆ Hi,知道吗? ! ◆◆ Hi,知道吗? ! ◆◆ Hi,知道吗? ! ◆◆ Hi,知道吗? ! ◆◆ Hi,知道吗? ! ◆◆ Hi,知道吗? ! ◆◆ Hi,知道吗? !

Android常用正则表达式验证工具类(实例代码)

东西不多,但一般项目够用了. public class RegularUtil { //身份证 public static final String REGEX_ID_CARD = "^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$"; //验证邮箱 public static final String REGEX_EMAIL = "^([a-z0-9A-Z]+[-|\\

通过javascript设置css属性的代码_javascript技巧

1.透明度: 如果没有为一个文本指定一个背景颜色或者一个背景图像,那么这个元素的背景通常是透明的. 这一点很重要,如果一个绝对定位的且带有文本的元素放在一个有文本的元素之上,那么将会十分的混乱,那么我们就可以通过设置背景图片或者背景颜色来进行遮盖,如果必须的话我们可以将其显示的设置为"transparent"(透明的) 通用的设置透明元素通用的css如下: 复制代码 代码如下: opacity:.75;//ff new -moz-opacity:.75;// transparency

DIV+CSS常用网页制作布局技术技巧

 CSS布局常用的方法:float:none|left|right  取值: none: 默认值.对象不飘浮 left: 文本流向对象的右边 right: 文本流向对象的左边  它是怎样工作的,看个一行两列的例子  xhtml代码: 以下是引用片段: <div id="wrap">  <div id="column1">这里是第一列</div>  <div id="column2">这里是第二列&l