css教程之简写与手写应该什么时候使用
什么是速记属性?
速记属性是一个属性取值为其他集合的CSS属性。例如,我们可以指定为边框宽度,边框样式,并使用单独的边框属性边框颜色值。
基本上,
边界:1px的固体蓝色;
是一样的:
边框宽度:1px的;
边框风格:固体;
边框颜色:蓝色;
这样,我们就不必单独声明个别属性值(这是多余的,时间和占用空间)。它也将重置声明,这东西可被利用的左出性能。
它是如何工作的?
就像前面提到的,我们写了一套速记其他属性值,顺序并不重要,如果以一种别样的shorthandare就像在边境的所有属性值。对于性质类似的像种边距值的,为了确实很重要。如果有疑问,顺时针切记!
现在,如果我们错过了什么,或者两个声明的属性?在上面的例子中,假设我们忽略边框样式。
边界:1px的蓝色;
我们将无法看到的边界了,不是因为速记属性没有工作,但因为边框样式,我们离开了,得到了默认值none。这是速记属性得到了呈现方式。
边界:1px的无蓝色;
现在让我们丢弃了1px的边框宽度,并保持其他两个:
边框:蓝色实;
我们将能够看到边界,只能用厚宽度,这是因为边框宽度属性得到了默认值中。
边框:介质中的固体蓝色;
这个结论对我们来说,当一个属性值遗漏了一个速记声明,该属性采用其缺省值(即使它有覆盖分配给同以往任何值)。
如果有边框宽度:1px的;某处边界前一个元素:蓝色实;对于相同的,边框的宽度将是介质(默认值),而不是1像素。
另一件值得一提的是,我们不能使用的值,像继承,初始或取消,这是适用于所有的CSS属性,在速记符号。如果我们使用这些,浏览器将无法确切地知道哪些属性值应该代表的简写 – 整个宣言将被丢弃。
的所有财产
有一个简写属性,可以为所有的CSS属性的值。 CSS-宽值继承,初始和取消适用于所有的特性,因此这些都是由allproperty接受的唯一价值。
DIV {
所有:初始
}
这将使div元素沟所有CSS属性值它有,和重置他们每个人的默认值。
⚠警告
我们不要滥用全部财产。它可以在极少数情况下才会出现,当我们不能够触及我们希望这个属性应用到元素的任何先前的CSS代码的需要。
注意:CSS属性颜色取十六进制值与速记符号,如果十六进制值中的每一个色彩通道的两个数字是相同的。例如,背景:#445599;是一样的背景:#459 ;.
什么是手写的财产?
可以被包括在一个速记属性的个人属性称为普通写法的属性。一些例子为:背景图片,利润率左,动画持续时间等
我们为什么要使用它呢?
尽管速记的替代品方便,他们有一个缺点。还记得我们看到了如何速记覆盖任何遗漏属性的默认值不变的开始?这可能是一个问题,如果复位不希望的。
就拿字体速记属性为例。让我们把它用在H4元(其中有一个默认的浏览器样式字体重量:粗体)
字体:20px的“新信使”;
在上面的代码的简写,没有价值是那里的font-weight属性,因此该字体重量:大胆(浏览器默认样式)会由默认值字体的重量被覆盖:正常导致H4元素失去其大胆风格,这可能不是已意。
因此,对于上面的例子简单的两手写性质,字体大小andfont家庭是完美的。
此外,使用速记用于分配仅一个或两个属性值不是非常有用。为什么给浏览器的额外的工作来解释每一个属性(包括左外的)的简写,当只需要一个工作?
抛开生产,在发展阶段,一些开发商(尤其是新手)可能会发现使用普通符号容易得多比缩写更好的可读性和清晰度工作。
结论
如今具有快速编码的可能性(具有像埃米特工具的帮助)和微小,因此以上的css教程不需要在速记一个高可靠性,但在同一时间,这是一个很大的逻辑输入保证金:0;.上下文中,我们更喜欢我们的CSS代码符号会有所不同,我们所要做的就是找出什么符号将我们当效果最好。想了解更多css视频教程欢迎大家来课课家教育网络教学平台进行查询观看!