笔记1

1.src和href的区别：
href：规定被链接文档的位置，超链接
src：规定在框架中显示URL的位置


2.置换元素和非置换元素
a)置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容,置换元素有<img> <input> <select> <textarea>等
b)非置换元素：其内容是直接表现给用户端的


3.display:none和visibility:hidden的区别
前者隐藏不占位置，后者占位置


4.清除浮动的几种方式
hack1：给父元素添加声明overflow:hidden;
hack2: 给父元素加height
hack3: 在浮动元素下方添加空div,并给该元素添加 声明：div{clear:both; height:0; overflow:hidden;}
hack4:万能清除浮动法 p:after{content:“”;clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}


5.rgba和opacity的区别
opacity会继承父元素的不透明度，而rgba设置的透明度不会被后代继承


6、实现垂直+水平居中有哪些方法？


1）div{width:200px;height:200px;background:#f00;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;}


2）div{width:200px;height:200px;background:#f00;position:fixed;left:50%;top:50%;margin:-100px 0 0 -100px;}


7.什么是标准盒模型和怪异盒模型。两者的区别，如何实现怪异盒模型，和标准和模型


标准盒模型：content+border+padding      
怪异盒模型：content


一个算盒子的宽度的时候加上border和padding另一个不加


怪异盒模型实现：box-sizing:border-box
标准盒模型：box-sizing:content-box


8.如何让一个元素在父元素内上下左右居中


1)css：
.box{display:flex;width:800px;height:300px;justify-content:center}
.box div{align-self:center}


html:
<div class="box">
    <div></div>
</div>


2)css:
.box{display:flex;width:800px;height:800px;justify-content:center;align-items:center;}

html:
<div class="box">
    <div></div>
</div>




9.简单的介绍一下线性渐变和径向渐变、重复渐变的用法


线性渐变：linear-gradient()
径向渐变：radial-gradient()
重复线性渐变：repeating-linear-gradient()
重复径向渐变：repeating-radial-gradient()


10.简单介绍下animation的用法


animation有两部分组成：animation:动画名称  动画执行时间  动画类型 动画延迟时间  动画重复次数 动画方向；


@keyframes 动画名字


11、写出5大浏览器的内核以及他们的代表作品


*Trident: IE、Maxthon(遨游)、腾讯 、Theworld世界之窗、360浏览器


*Gecko：： 代表作品Mozilla Firefox 是开源的


*Webkit : 代表作品Safari、Chrome ， 是一个开源项目。


*Presto : 代表作品Opera ，Presto是由Opera Software开发的浏览器排版引擎。它也是世界上公认的渲染速度最快的引擎。


*Blink  ：由Google和Opera Software开发的浏览器排版引擎，2013年4月发布。


12.写出IE6里面常见的几种bug以及解决方案(最少4种)


1)图片有边框BUG   方案：给图片加border:0;或者border:0    none;


2、双倍浮向（双倍边距） 方案：display:inline


3、默认高度（IE6、IE7） 方案：给元素添加声明：font-size:0;   方案2：给元素添加声明：overflow:hidden;


4、按钮元素默认大小不一   方案：用a标签模拟


js的数据类型7种：字符串,数字,布尔,数组,对象，NULL,undefined