去掉CSS赘余代码，CSS可以更简洁
发布时间：2008-11-05 13:07:00
标签：代码,精简,优化,css
本篇文章适合css新手学习，对于已经掌握了css的朋友们也可以通过本片文章来复习知识。
作者通过实践，认为在有些情况下css的代码是可以更加简洁的，多数情况下是因为新手对于一些具有多属性的元素代码不能精简来写造成的。
精简的代码对于网页是有莫大的好处的，对于浏览者访问速度会有一定的提升，另外对于搜索引擎也更加可以抓取网页关键内容。废话不说了，下面就看看笔者总结的可以精简的代码:
1.Margin & Padding
例1：
.div {
margin-top:10px;
margin-right: 5px;
margin-bottom:30px;
margin-left:0px;
}
精简后代码如下：
.div { margin:10px 5px 30px 0;})
例2：
.div {
margin-top:10px;
margin-right:20px;
margin-bottom:0;
margin-left:20px;
}
精简后代码：
.div {
margin:10px 20px 0;
}
例3：
.div {
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
}
精简后代码：
.div {
margin:0 auto;
}
例4：
.div {
margin-top:50px;
margin-right:50px;
margin-bottom:50px;
margin-left:50px;
}
精简后代码：
.div { margin:50px; }
0
投稿猜你喜欢
- 我要说的内容都是非常基础的内容，高手就免看了，如果看了欢迎给点意见啊。新手或者对低层还不是很了解的人可以看看，帮助理解与记忆。XMLHttp
用Pyinstaller封装一个py文件时，过程没有问题，但打开后会出现闪退的现象。因此上网找，找到了上面网址所示的解决方法。也就是用cmd- window环境安装mysql5.7.21，具体内容如下1. 从MySQL官网下载免安装的压缩包mysql-5.7.21-winx64.zi
- 前一篇研究了opencv二值化方法threshold的使用，但是这个方法也存在一定的局限性，假如有一张图存在明显的明暗不同的区域，如下图可以
- <? //作者:www.tongqiong.com //header("content-type:text/html; ch
- jQuery的makeArray有其局限性（1.3.4还有bug），我自己实现了一个，不过涉及N多辅助方法。var dom = {},_to
- 查了查《VBSCRIPT 速查手册》InstrRev的用法：InstrRev函数，功能：返回某字符串在另一个字符串中出现的从结尾计起的位置语
- 高级加密标准(AES,Advanced Encryption Standard)为最常见的对称加密算法(微信小程序加密传输就是用这个加密算法
- 在执行iisapp.vbs时，可能会提示如下错误：Windows Script Component - file://C:WINDOWSsy
- 组合模式我们把Composite模式看成一个复杂的属性结构，其实基本有三种角色：树干（定义一些操作树叶leaf的操作），树枝(树干上有很多树
- 前言在机器学习中，我们会经常和矩阵打交道。在矩阵的运算中，python默认的输出是浮点数，但是如果我们想要矩阵的元素以分数的形式显示，可以通
- 使用python去除文中的某个字符是非常麻烦的一件事，不同的环境可以用到多种方法，例如正则表达式，del语法，现在发布的是一个比较简单易行的
- Varchar 对每个英文(ASCII)字符都占用2个字节，对一个汉字也只占用两个字节char 对英文(ASCII)字符占用1个字节，对一个
- 什么是合并多行字符串（连接字符串）呢，例如： SQL> desc test; Name Type Nullable Default C
- 代码实现如下:import win32com.client,os,timedef word_encryption(path, passwor
- 前言由于自己并不以Python语言为主，这里只是简单介绍一下Numpy库的使用提示：以下是本篇文章正文内容🧡Numpy库介绍numpy 库处
- 正在学习javascript 的朋友可以把它当作小练习动手做一做。加强自己的动手编码能力。参考代码：<!DOCTYPE HTML PU
- function nohtml(str) dim re Set re=new
- 核心代码: header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); head
- 一、前言昨夜刷b站的时候，看到了一条评论，形式如下图，于是心血来潮写了个python脚本，可以根据文字来生成这种由emoji拼接成的“文字”
