18个CSS样式的优化与技巧

作者：小菜更新时间：2025-02-26 点击数：

简介：一、使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。

css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。

-------

【菜科解读】

一、使用css缩写

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。

css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。

-------------------------------------------------

二、明确定义单位，除非值为0

忘记定义尺寸的单位是CSS新手普遍的错误。

在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width: 100px width:100em。

只有两个例外情况可以不定义单位：行高和0值。

除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。

-------------------------------------------------

三、区分大小写

当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。

为了避免这种错误，我建议所有的定义名称都采用小写。

class和id的值在HTML 和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。

-------------------------------------------------

四、根据情况，取消class和id前的元素限定

当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，class可以在页面中多次使用。

你限定某个元素毫无意义。

例如：

div#content { // declarations // }

fieldset.details { // declarations // }

可以写成

#content { // declarations // }

.details { // declarations // }

这样可以节省一些字节。

-------------------------------------------------

五、默认值

通常padding的默认值为0，background- color的默认值是transparent。

但是在不同的浏览器默认值可能不同。

如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和 padding值都为0，象这样：

* {

margin:0;

padding:0;

}

-------------------------------------------------

六、不需要重复定义可继承的值

CSS中，子元素自动继承父元素的属性值，象颜色、字体等，已经在父元素中定义过的，在子元素中可以直接继承，不需要重复定义。

但是要注意，浏览器可能用一些默认值覆盖你的定义。

-------------------------------------------------

七、最近优先原则

如果对同一个元素的定义有多种，以最接近(最小一级)的定义为最优先，例如有这么一段代码

Update: Lorem ipsum dolor set

在CSS文件中，你已经定义了元素p，又定义了一个 classupdate

p {

margin:1em 0;

font-size:1em;

color:#333;

}

.update {

font-weight:bold;

color:#600;

}

这两个定义中， >

-------------------------------------------------

八、多重class定义

一个标签可以同时定义多个class。

例如：我们先定义两个样式，第一个样式背景为#666；第二个样式有10 px的边框。

.one{width:200px;background:#666;}

.two{border:10px solid #F00;}

在页面代码中，我们可以这样调用

这样最终的显示效果是这个div既有#666的背景，也有 10px的边框。

是的，这样做是可以的，你可以尝试一下。

-------------------------------------------------123在本页阅读全文本文导航第1页: 首页第2页: 使用子选择器第3页: 针对IE的优化 18个,CSS,样式,的,优化,与,技巧,一,、,使用,cs

柏林墙修建的过程如何建筑的结构样式分别是什么样的

修建过程 1961年8月13日，民主德国政府开始沿着西柏林的边界修建柏林墙。

先是完全封锁西柏林的边界，民主德国军队和工人开始破坏道路使车辆无常通行，并安装带刺的铁丝网和围墙。

柏林西侧外围共修筑156公里，其中柏林市区43公里。

铁丝网在修建时相对法定民主德国领土稍向内侧，以确保能够射杀已翻越柏林墙的东德人。

8月17日后，开始放置混凝土构件，边界被修建成真正的墙。

在修建期间，民主德国国家人民军和工人阶级战斗队得到授权，可以射击任何试图穿越的人。

之后又安装了围栏、雷区和其他障碍，从而清理出一个巨大的无人区来分辨逃亡者。

到1961年11月20日，柏林墙基本建成。

建筑结构建筑样式柏林墙在1961年开始修筑后经过多次翻修，最终于1975年成为留存下来的样子，共经历过4种形式：铁丝网 (1961年) 加强的铁丝网 (1962–1965年) 混凝土 (1965–1975年) 75型边境围墙(Grenzmauer 75)(1975–1989年) 第4代围墙的官方名称是“UL 12.11 型支撑墙构件”(Stützwandelement UL 12.11)，修建于1975至1980年间，共计使用约45000块构件，每个构件高3.6米，宽1.2米。

在上方放置了一条光滑的管道以使其难以攀爬。

总的修建成本为1615.5万民主德国(折合363.80万美元)。

其建筑标准要求可以抵挡冲过栅栏的车辆撞击，在某些具有战略意义的地方，墙体的结构较弱以便在发生战争时民主德国和苏联装甲车可以轻松地冲破。

除了没有安放地雷和触发式自动机枪外，柏林墙的总体结构与民主德国国内边境相似。

过境通道柏林墙有7个过境通道，其中有1个专门为盟军、外交官和外国记者所用。

各层防线柏林墙有超过155公里长，约3~4米高，主要可分为：第零层防线：302座瞭望台第一层防线：约3.5米高、光滑、淡色的水泥墙，有的地方附铁丝围拦和警报器第二层防线：钢制拒马第三层防线：2米高的铁丝围拦第四层防线：音响警报缆第五层防线：通电的铁丝网第六层防线：共22个碉堡第七层防线：用来引导(滑)警犬的缆线(共600只警犬) 第八层防线：6~15米宽的无草皮空地，可以留下逃亡者的脚印，埋有地雷第九层防线：3~5米深的反车辆壕沟第十层防线：5米高的路灯第十一层防线：武装警卫(共14000人) 第十二层防线：2米高的通电铁丝网，附警报器第十三层防线：空地第十四层防线：第二道水泥墙，高3.5~4.2米、厚15厘米，可以抵挡装甲车辆的撞击第十五层防线：有些地方需要游过施普雷河水上边界西柏林城市外围有若干可航行水道，西柏林市政厅在边界处放置了一串白色浮标并注有“地区边界”字样。

西柏林的游船必须小心保持在西柏林一侧，在东侧则有民主德国边防军的巡逻艇巡逻。

东柏林河岸上通常修建有工事，在哈弗尔河等部分河道和湖岸两边会修建围墙。

民主德国居民不能到达这些水域的东侧。

在施普雷河的某些地段，水下安置了栅栏以阻挡潜水越境者。

市区内的水上界限并未标注明确，柏林墙在这些地方被河道隔断，水面情况被边防军监视。

有时一些西柏林的船只和游泳者误入边界时民主德国边防军会开枪射击，并造成过一些伤亡。

管理措施根据1989年民主德国的统计，德意志民主共和国边防军共有11500名士兵，500名文职人员。

边防军的7个团驻扎在柏林。

另外有两个边防军预备团，分别是GAR-39团和GAR-40团。

每个边防军的团下属五个连，分为先遣、通讯、交通、榴弹发射器和炮兵组。

在过境检查站有时也会配备侦查小组、火焰喷射器、军犬小组和水面小组。

边防中心共有567辆装甲运兵车、48个大型榴弹发射器、48座反坦克炮、156辆装甲车、2295辆其他车辆以及992只猎犬。