css学习问题总结

一、在属性设置中，经常会有空格和逗号的出现，那么两者的区别是什么呢？

逗号：表示两者仅仅是并列关系，内容上没有任何关系，只是共用一个样式而已

空格：表示两者为继承关系，前者是后者的父类

但是，当属性设置不当时，会有如下尴尬情况出现：

• 当给html及body设置空格时，对div设置大小均没有变化，这是因为，body继承了html的属性，但是还未曾给body设置大小，故，会出现给body下的块元素设置属性时没有用处。

 

• 当同样的情况是逗号时，就会不一样了

二、对于px、em、rem用于对字体进行设置时，它们之间的区别主要是什么呢？

px：是屏幕设置物理上能显示出的最小的一个点，不过这个点不是固定宽度的，在不同的设备上显示的比例也会有所不同；

em：默认情况下1em=12px，em会继承父元素的字体大小，例如

body{font-size:16px;}

p{font-size:0.45rem;}

span{font-size:2rem;}

html中的字体没有特别设置的话，一般为16px，而p段落文字大小为7.2px（16px*0.45），span中的字体则为14.4px（7.2px*2）；易知此处若是嵌套字体大小设置多了，就会难以理清楚具体的字体大小；

rem：rem默认的字体主要是相对于html或者body的，即rem是根据根元素进行设置的，少了相对于em的继承父级尺寸这种关系，rem不仅可以用来设置字体还可以用来设置宽高。

 

转载于:https://my.oschina.net/u/3717551/blog/1795611