css基础定义:

Cascading Style Sheets 层叠样式表；作用：对网页中元素位置的排版进行像素级精确控制，可对网页对象和模型样式进行编辑；

1 css选择符及优先级

选择器类型：标签选择器、类选择器、ID选择器、全局选择器、组合选择器、后代选择器、群组选择器、继承选择器、伪类选择器、字符串匹配的属性选择符、子选择器、相邻兄弟选择；
优先级：!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性；
相同级别中后写的会覆盖先写的样式；

2 盒模型、border-box,content-box区别

盒模型：标准盒模型、IE盒模型；
组成：content（内容区域）、padding（内边距）、margin（外边距）；
width和height根据盒模型类别决定；标准盒模型宽高等于content部分宽高、IE盒模型宽高包括content、padding及border;

box-sizing: content-box; ——标准盒模型，一般浏览器默认使用；
box-sizing: border-box;——IE盒模型（怪异模式）；

3 position各种定位值relaive、absolute、fixed、static及inherit

静态定位(static) ：无特殊定位，是html元素默认的定位方式，该定位方式下，top、right、bottom、left、z-index等属性无效；
绝对定位(absolute):相对于 static 定位以外的第一个父元素进行定位（父对象parent也设置了position属性，且position的属性值为absolute或者relative时，相对于父对象进行定位；否则以body为定位对象）,元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定;
绝对定位(fixed):相对于浏览器窗口进行定位，以body为定位对象;
相对定位(relative):相对于自身定位；设置left", "top", "right" 以及 "bottom" 属性从自身像某个方向偏移
inherit：从父元素继承 position 属性的值；

4 css引入 link 与@import区别

一、引用方式

二、浏览器兼容性

@import 需要在IE5以上才可用，而link方式无兼容性问题

三、其他

需要javascript控制DOM改变样式的时候，只能使用link标签；
@import为导入样式，优先级低于外联样式link;
若@import加载的样式比较大，容易出现加载延迟，甚至有闪屏；通常使用link比较合适，除非需要把CSS进行模块化管理才考虑用@import方式；

5各常用属性的默认值或清除值办法

margin、padding:默认值为0；auto时浏览器计算外边距；
border,box-shadow:为none无边框线/阴影
width，height:默认值auto；
font-size默认值medium ,font-weight默认值为normal
float 默认值none , clear:both;可清除浮动；
text-align:如果 direction 属性是 ltr，则默认值是 left；如果 direction 是 rtl，则为 right。
line-height:默认值为normal
background(image,color) 设置为none可清除背景元素，background-color默认值为transparent；
position默认值为static；z-index:默认值为auto;