CSS核心概要(推荐)
我认为CSS以前的知识有点混乱,今天就整理一下。
级联样式表
栈是什么意思为什么这个词如此重要以至于它必须以它的名字出现。
堆叠可以简单地理解为解决冲突的方法。
什么是冲突
使用不同的选择器选择后,将同一元素添加到同一元素中。
优先级规则可以表示为
内联样式> id样式>类样式>标记样式
在一个复杂的页面中,一个元素可以从许多地方获得样式,比如Web站点的一个站点。
使用绿色将类标题设置为一个整体,而一个特殊的列需要使用蓝色,因此它需要在列中。
为了覆盖一般样式设置。在一个非常简单的页面中,这样的特殊需求并不难实现。
但是,如果站点的结构复杂,代码完全有可能变得非常凌乱,可能找不到。
一个元素的模式来自哪一个规则,因此,我们必须充分理解CSS;堆叠原理;
计算冲突样式的优先级是一个更复杂的过程,而不仅仅是上面简单的优先级规则。
它可以被完全描述,但是读者可以采取一个大的原则,那就是:风格越特殊,越高;
这是如何特殊和特殊如何定位,请看下面。
具体特点uff1a
每个选择器都有一个特殊的性质,如果一个元素有两个或多个冲突的属性声明,那么就具有很高的特异性。
选择器的特殊性是由选择器本身的成分确定。特殊的价值表现在4个部分,如:0,0,0,0。
选择器的特殊性如下:
每个ID属性的值在一个选择器,第二部分增加了一个:0,1,0,0。
对于一个给定的类的属性值,属性选择,或伪类选择器,第三件加一条:0,0,1,0。
对于每个元素,在选择了伪元,第四件加一条:0,0,0,1。
组合和匹配选择器对特殊性没有贡献。
但通过选择器的特殊性是零:0,0,0,0。
没有匹配的连玲。
实例uff1a
h1 {颜色:红色;}是0,0,0,1
P EM {颜色:紫色是0,0,0,2 }
.grape{color:purple} is 0,0,1,0
P. B某{颜色:红色;} 0,0,2,2
# aa {颜色:红色;} 0,1,0,0
DIV # AA * {链接} { } 0,1,1,1颜色:红色;
前0个是内联样式,因为前面越高,优先级越高。如果非零位的位置相同,则先比较前一个数字的大小。
然后比较下去,直到数字不是相对的,并且数字的优先级更高。
所以上面有一般优先权规则:
内联样式> id样式>类样式>标记样式
他们可以作为每一部分的代表,四,。
重要声明!重要的是要标记你需要的声明,它有最高的优先级,但它要放在声明值的结尾处。
继承:
继承的特殊性没有特殊性。
这0个特殊性在零和无特殊性上有很大的区别,也就是说,0个特质选择者可以成为后代的风格。
虽然继承增加了后代的风格,但也有局限性。只有继承的能力可以添加到后代的元素,如颜色等,和利润,填充和边界将不会添加到后代。
顺序相同的权重,优先级的优先级越高。
较高的特异性强于较低的特异性。
所以伪类声明顺序:链接访问悬停激活
lvha(速记)
当他们来拜访时,由于体重相同,他们会看他们的订单,参观后会赢他们。
当它不是一个统一属性时,这不是问题,所以在写同一属性时要注意!!!!!
以上是CSS的核心。
除了这方面的知识:
包含块:
块的宽度是包含的元素的父元素的宽度,父元素的宽度包含在元素内。
边距左+左边框+左填充+宽度+填充右+边框右+边距边距=包含块级宽度
宽度,左边缘,和右边都可以设置自动;
虽然左边和右边的边同时设置了自动档,但它们处于中间位置,但这是有条件的。
1。此元素必须是块级元素,且不与文档流分离。
2。此元素具有设置宽度。
边距顶部,边距底部设置自动不居中,设置为自动,它们只等于零。
总长度的七个属性是上述计算公式的属性。它们的总金额不能大于水平总长度,而保证金可以是负的。在计算中,它并不违反这条规则。
注:只有保证金可以是负的。
至于什么是负价值,要经历它,这个属性似乎是一个犯规。
上面的CSS核心基础上的总结是萧边推荐的。我们希望能给你一个参考,希望我们能支持你。