多个css如何覆盖前面的属性

html-css010

多个css如何覆盖前面的属性,第1张

遵循后面的覆盖前面的，以及只覆盖相同属性的原则，比如：

.class1 {width:100pxheight:200px}

.class1 {width:300px}

那么实际生效的css是：width:300pxheight:200px

html元素有几个是块级元素如p,h1-h6等，这些元素自带display block属性，元素间相当于会有一个换行符不能同排排列，除非定义浮动。而img是内联块元素也就是display inline-bloack，可以并排显示的。 两个元素一个加了浮动一个没加浮动，只会是浮动的优先排列在左或者右，也就是没有浮动的元素会被有浮动的拆队。除非2个元素都是浮动的他们才会老老实实的按顺序排在一起。浮动不是覆盖只是位置的先后罢了，便于将不同类型的元素并排。css里没有覆盖之说。你写的例子最终效果就是b图排在a图左边而已。