第六周总结与关于看到的相关基础面试题

1.介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的

标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin
低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin

2.box-sizing属性
用来控制元素的盒子模型的解析模式，默认为content-box
context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽
border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽

3.CSS3新增伪类有那些
p:first-of-type 选择属于其父元素的首个元素
p:last-of-type 选择属于其父元素的最后元素
p:only-of-type 选择属于其父元素唯一的元素
p:only-child 选择属于其父元素的唯一子元素
p:nth-child(2) 选择属于其父元素的第二个子元素
:enabled :disabled 表单控件的禁用状态。
:checked 单选框或复选框被选中
4.CSS3有哪些新特性

box-shadow 盒子阴影
border-radius 盒子圆角
text-shadow 文字阴影
background:linear-gradient() 线性渐变
background:radial-gradient() 径向渐变
Transition 过渡属性
Transform:scale()/rotate()/translate() 缩放、旋转、平移
Animation 动画
border-image 边框图片
Column:多列布局
5.为什么会要清除浮动？清除浮动的方式

子元素浮动，从而造成父元素高度塌陷，当给父元素设置背景色时，无效。所以要清除浮动
方法：
1 给父元素添加overflow：hidden
2 空标签法 clear：both
3 伪元素清除浮动：
::after{
Content:””;
Clear:both;
Height:0;
Display:block;
Overflow:hidden
}
6.简述一下 src 与 href 的区别

src 用于替换当前元素，href 用于在当前文档和引用资源之间确立联系。
src 是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片和 frame 等元素。 当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和 框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将 js 脚本放在底部而不是头部。
href 是 Hypertext Reference 的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链 接）之间的链接，如果我们在文档中添加 那么浏览器会识别该文档为 css 文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么 建议使用 link 方式来加载 css，而不是使用@import 方式