CSS 高频面试题

css 盒模型

盒模型:盒模型有四个部分组成,从内向外的话是内容区域的宽高,内边距padding,边框,外边距margin
在W3C标准盒模型中,如果设置一个元素的宽度和高度,指的是元素内容的宽度和高度,而在怪异模式下,IE的宽度和高度还包含了padding和border

标准模式和怪异模式的区别?
①盒模型:IE下标准模式为:盒模型的宽高一般是content。怪异模式下的宽度是包含了内边距和边框的 。
②怪异模式中IE6/7/8都不识别!important声明
③设置行内元素宽高,标准模式下不生效,怪异模式下生效
④margin:0 auto,在标准模式下会水平居中,怪异模式下不会

行内元素和块级元素的区别

1、所占空间上的区别:块级元素会占据一行,垂直方向排列;行内元素不会独占一整行而是在同一行水平方向排列
2、包含前台关系的区别:块级元素可以包含行内元素和块级元素,而行内元素只能包含行内元素,不能包含块级元素
3、边距属性的区别:块级元素的margin上下左右都生效,而行内元素上下设置不能生效,左右可以生效;

行内块元素有什么特点呢?

行内块元素相当于是以行的形式展示块级元素,和块级元素一样可以设置宽高内外边距,同时内部也可以包含块级和行内元素;

常见的行内元素和块级元素有哪些呢

常见的行内元素:
用于对文本进行分组,并对其应用样式。
用于创建超链接。
: 关联输入框并获取焦点

行内块元素:
用于插入图像。
用于创建输入控件。