css基础巩固


1.行内元素是否有盒子模型?

答:有

2.给行内元素设置margin,padding是否有效?(这里指的是行内非替换元素,行内替换元素不适用此规则)

答:给行内元素设置上下外边距是无效的,设置左右外边距是有效的。给行内元素设置上下内边距只有显示效果实际上是无效的,不会影响到周围的元素,设置左右内边距是有效的。

(总结:上下无效,左右有效)

3.css选择器的优先级

答:!important > inline > id选择器 > class选择器|属性选择器 > 标签选择器

4.问,两个div显示的颜色分别是什么?

答:都是blue,只跟style书写顺序有关,跟class书写顺序无关。

5.问,如何文本缩进?

文本缩进,块级用text-indent,内联用margin-left

6.问,两个div的id相同,用getElementById选择的是哪一个?

答:第一个。

7. Airbnb/Javascript

 8. rem ?

  答:font size for root element.

 9. css设置font-size:62.5%不生效?

  答:chrome浏览器不支持12px以下的字体

10. img,input是行内元素,为啥可以设置宽高?

  答:img、input属于行内可替换元素。height/width/padding/margin均可用。效果等于块元素。常见的行内可替换元素有input,img,select,textarea.

11. npm有些包全局安装之后为什么还要本地安装,如gulp,webpack.

答:全局安装一般是使用它的命令行(比如打包),而局部安装则是使用它的api