css基本面试题

Css面试题

1. 盒子模型有哪些

：标准盒子模型，IE盒子模型

盒子模型的区别

标准盒子模型：分别是margin border padding content

IE盒子模型：margin content(border+padding+content)

如何转换盒子模型：

Box-sizing:content-box

Box-sizing:border-box

1. line-heigh和heigh的区别

heigh是一个死值，就是这个盒子的高

line-heigh是每一行文字的高。如果文字换行则整个盒子高度会增大（行数*行高）

1. css选择符

通配（*）

Id选择器（#）

类选择器（.）

标签选择器

相邻选择器（+）

后代选择器

子元素选择器（>）

属性选择器

Css属性哪些可以继承：

文字系列font-size   color 行高 text -align……

不可继承属性：border padding margin

1. css优先级算法如何计算

优先级比较：！important>内嵌样式>id>class>标签>通配

Css的权重计算：

第一内嵌样式 style 权重值：1000

Id选择器 权重值：100

类选择器 权重值：10

标签&伪元素选择器 权重值：1

通配 > + 权重值0

1. 用css画一个三角形

用边框 border

Transparent(透明)

1. displa有哪些值，说明她们的作用

none 隐藏元素

block 把某某元素转换成块元素

inline 把某某元素转换成内联元素

inline-block 把某某元素转换成行内块元素

1. 对bfc规范的理解

Bfc就是页面上隔离的独立容器，容器里面的子元素不会影响到外面的元素。

1. 了解bfc：块级格式化上下文
2. Bfc的原则：如果一个元素具有bfc那么内部的元素再怎么弄，都不会影响到外面的元素。
3. 如何触发bfc

Float的值非none

Overflow的值非visible

Display 的值为inline-block tale-cell

Position的值为absoute fixed