qq_43522419的博客

JS常见事件

HTML5新特性和CSS3的新特性HTML5新增布局和表单标签HTML5的新特性主要是针对以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是IE9+以上的版本浏览器才支持，如果不考录兼容性的问题，可以大量使用这些新特性。HTML5新增语义化标签 头部标签 导航标签 内容标签 定义文档某个区域 侧边栏标签 尾部标签注意：这中语义化标签主要是针对搜索引擎的（对搜索引擎更友好）这些新标签在页面中可以多次使用在IE9中我们

CSS定位为什么需要定位？浮动可以让多个块级盒子没有缝隙的排列显示，经常用于横向排列盒子定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子定位定义定位：将盒子定在某一位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位 = 定位模式+边偏移定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。定位模式定位模式决定定位的方式，它通过css的position属性来设置，其值可以分为四个：值语义sta

传统网页布局的三种方式普通流（标准流/文档流）所谓的标准流，就是标签按照规定好默认方式排列，是最基本的布局方式1.块级元素会独占一行从上向下顺序排列2.行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行浮动定位什么是浮动？float属性用于创建浮动框，将其移动到一遍，知道左边缘或右边缘触及包含块或另一个浮动框的边缘浮动特性浮动元素会脱离标准流（脱标），不再保留原先的位置(队伍中间少了一个人，后面的人往上顶)浮动的元素会一行内显示并且元素顶部对齐浮动的元素具有

盒子模型1.margin和padding默认都会影响盒子实际的大小，撑大盒子2.padding值的个数表达意思padding:5px;1个值，代表上下左右都有5像素的内边距padding:5px 10px ;2个值，代表上下内边距是5像素，左右内边距是10像素padding:5px 10px 20px;3个值，代表上内边距5像素，左右内边距10像素，下内边距20像素padding:5px 10px 20px 30px;4个值，依次上、右、下、左，顺时针

CSS的三大特性1. 层叠性样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式样式不冲突，不会层叠（覆盖）2. 继承性子标签会继承父标签中的某些样式，如文本颜色和字号（text-,font-,line-,以及color属性）3. 4. 5. ...