学习的收获

1.了解到浮动float跟清除浮动
A.设置浮动布局，float的属性有：
left元素向左浮动
right元素向右浮动
inherit规定应该从⽗元素继承float属性的值(这种情况⼀般可忽略)
B.清除浮动的⽅法
1)在⽗元素上设置overflow:hidden;
2)在⽗元素上设置伪类，属性设置为content:“”;display:block;clear:both;
3)使⽤空标签设置clear:both
2.css中的定位position
1) absolute⽣成绝对定位的元素，相对于static定位以外的第⼀个⽗元素进⾏定位。(祖上元素都没定位就相对第⼀个即最外层的祖先元素进⾏定位，如果有祖上元素设置了position：relative、absolute、fixed就相对此祖上元素定位)元素的位置通过"left",“top”,"right"以及"bottom"属性进⾏规定。
2) fixed⽣成固定定位的元素，相对于浏览器窗⼝进⾏定位。
3)relative⽣成相对定位的元素，相对于⾃身正常位置进⾏定位。
4）static默认值。没有定位，元素出现在正常的流中。
5）inherit规定应该从⽗元素继承 position 属性的值(这种情况⼀般
可忽略)
3.常见的平居中垂直居中实现方式
1）第⼀种⽤text-align：center；height与line-height设置同⾼
2）第⼆种图⽚的⽔平垂直居中⽤text-align：center；height与line-height设置同⾼，然后图⽚设置vertical-align:middle;
3）第三种利⽤position定位。
4.样式写入的常见方式
1）内联样式表

2）嵌⼊样式表(需要写在head标签⾥⾯⽤style标签包着) 3)外部样式表 在head标签⾥⾯写link标签引⼊ **5.初步了解JS脚本的编写，JS编写的最佳位置及JS中常见的事件** 1) ⼀般情况下JS是写在⻚⾯的任何位置都可以的，需要script标签包 着，但是别写在html标签外最常见的是写在head标签内部和body内部 写在head标签内需要写上window.onload包着，要不然会报错，因为执⾏js时⻚⾯标签还没加载 window.onload的作⽤是当⻚⾯加载完成后⾃动触发事件,⼀个⻚⾯应该只有⼀个window.onload事件，因为如果写多个的话会覆盖只执⾏最后⼀个 总结：js理应写在body结束标签之前 2) JS事件就是我们的⾏为能被侦测到，且触发相对应的函数(函数⾥⾯写我们要做的事情) 常见的事件有 *onclick⿏标点击事件 onmouseover⿏标被移到某元素之上 onmouseout⿏标从某元素上⾯移开 onchange元素值改变，⼀般⽤在表单元素上 onkeydown⽤户按下键盘按键 onfocus元素获得焦点 onblur元素失去焦点 window.onload⻚⾯加载完成*