css重点积累

css中的复合选择器分类:

《1》交集选择器     

   div.special{......}       

 div#special{........}   

 以上为交集选择器,当我们定义css样式时,这种选择器只有全部满足的时候才可以同时使用这里的属性

《2》并集选择器    

   div,h1.first,p.special{..............}

这种选择器的作用是当我们同时定义多选择器但是同时多个属性是同一类的时候,我们可以采用这种形式。

 《3》后代选择器       

 div   h1.first  {............}    

 这种选择器是多种形式并列的同时才能实现里面的属性

css层叠特性中使用的按照一个顺序特定的排列方式应用,这个是一个重点:

         行内样式>ID样式>类别样式>标记样式     当一个标记同时引用多种样式时,是按照上面的样式一次的应用,其中行内样式最为关键,id样式为其次,类别样式排第三,标记样式为最后。

属性值的简写形式:

这里面有一个属性值的选择,但我们在后面书写的属性值的多少就能规范出我们这个标记的含义,下面它是一这种形式依次排开的:

<1> 如果给出的是两个属性值,前者表示上下边框的属性,后者表示左右边框的属性;

<2> 如果给出的是三个属性值,前者表示上边框的属性,中间的属性值表示左右边框的属性值,最后一个属性值是表示下边框的属性值

<3> 如果给出的是4个属性值,依次表示上、右、下、左边框的属性值,即按照顺时针依次排序。

盒子的浮动效果总结:

 <1>  当我们把盒子设置成浮动时:宽度是会变化的。随内容的大小去填充

<2>  浮动不去适应css标准流,脱离标准流独立存在。

 <3>  当我们在设置成浮动的时候,会对父盒子的内容产生影响,会填充原来的内容,替换原来的位置,     使原来的内容形成环绕的方式

<4>  当子盒子全部都是浮动性的时候,父盒子是不会自动适应大小的,,这就需要我们在里面加一个不    浮动的标准流的盒子。设置为clear:Both ;marger:opx; 等等属性,这里是不填充内容的,只是能为子盒子去自动的去适应大小。

原文地址:https://www.cnblogs.com/zhijianliutang/p/2250682.html