零碎html和css3的知识

1、nth-of-type   同级别元素

例如p:nth-of-type(1)   同级别元素p中,针对第一个p的设置

2、响应式布局举例

@media screen and (min-width: 1001px) {

      当屏幕宽度大于1001px时

}

@media screen and (min-width:601px) and (max-width: 1000px) {

      当屏幕宽度大于600px并且小于1000px时

}

@media screen and (max-width: 600px) {

     当屏幕小于600px时

}