qq_45077122的博客

HTML5和CSS3HTML5的新增特性HTML5新增的语义化标签HTML5新增的多媒体标签一、音频视频双标签HTML5新增的input类型HTML5新增的表单属性CSS3新增特性1、属性选择器HTML5的新增特性新增了一些新的标签、新的表单和新的表单属性都有浏览器兼容性的问题，基本都是ie9+以上版本才支持HTML5新增的语义化标签标签名称header头部标签nav导航标签article内容标签section定义文档某个区域（大号的div）as

CSS07精灵图为什么需要精灵图字体图标如何添加小三角CSS用户界面样式1、更改用户的鼠标样式2、表单轮廓3、防止表单域拖拽vertical-align（只针对于行内元素或者行内块元素有效）溢出的文字用省略号显示1、单行文本溢出显示省略号：2、多行文本溢出LOGO SEO优化精灵图为什么需要精灵图服务器频繁接收和发送请求图片，造成服务器请求压力很大，大大降低页面的加载速度。因此出现css精灵技术（也称CSS Sprites）核心原理：将页面中的一些小的背景图片整合到一张大的图片作用：有效的减

CSS06定位staticrelativeabsolutefixedsticky（粘性定位）定位叠放次序z-index绝对定位的盒子居中一、水平居中二、垂直居中三、定位特殊特性：四、脱标的盒子不会触发外边距塌陷五、定位的扩展元素的显示和隐藏一、display显示隐藏定位1、某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子2、当滚动窗口的时候，盒子是固定在某个位置，并且可以压住其他盒子浮动可以让多个块级盒子在一行没有缝隙排列显示，经常用于横向排列盒子定位则是让盒子自由的在盒子中移动位置或固

CSS05学成在线网页案例css属性书写布局页面布局整体思路导航栏注意点学成在线网页案例css属性书写布局1、布局定位：display/position/float2、自身属性：width/height3、文本属性：font/color4、其他属性：box-shadow/border-radius页面布局整体思路1、确定页面的版心（可视区）2、分析页面中的行模块，以及每个行模块中的列模块（页面第一准则）3、一行中的列模块经常使用浮动布局，先确定每个列的大小，之后确定列的位置（页面布局第

css04圆角边框盒子阴影box-shadow：鼠标经过：文字阴影text-shadow：浮动一、标准流二、浮动浮动的特性浮动元素经常和标准流父级搭配使用（第一准则）浮动布局的两个注意点清除浮动一、为什么要清除浮动二、清除浮动的本质三、清除浮动的方法总结新知识点：去掉li前面的项目符号（小圆点）list-style：none；圆角边框（css3新增，有兼容性问题ie9以上）border-radius：值1、圆形：Border-radius：50%；2、圆角矩形：border-radiu

css03三大特性层叠性继承性优先级盒子模型border边框Content内容padding内边距margin外边距**外边距典型应用**外边距合并问题清除内外边距三大特性层叠性样式冲突，就近原则样式不冲突，不会层叠继承性继承某些样式如：text：line：color：font：特殊情况：行高的继承行高可以跟单位也可以不跟：1.5是当前元素文字大小的1.5倍，这样设置可以让子元素自己设置行高没有手动指定则会继承父亲文字大小优先级选择器相同：执行层叠性选择器不同：根据权重执行

CSS（DAY02）css（day02）CSS（DAY02）emment语法复合选择器后代选择器子选择器（最近一级）并集选择器伪类选择器元素显示模式块级元素行内元素行内块元素显示模式转换CSS背景背景属性背景颜色半透明（CSS3新特性）emment语法1、快速生成html包含：ul>li多个：div*10兄弟关系：div+p选择器：默认div生成（.div,#div）如果不是div标签（p .nav）排序：.demo1$*5 默认从1开始排在标签里显示文字：

HTML（DAY2）表格表单表格table的属性：Align：对齐方式，border：设置边框cellpadding：文字和边框的距离cellspacing：边框缝隙之间的距离width：height：合并单元格rowspan：跨行合并clospan：跨列合并别忘了删除多余的单元格列表标签列表名称标签无序列表ul有序列表ol自定义列表dl表单一、input：（单标签，必须属性type=‘’）类型：1、button，不会提交数据，

第四章HTML（DAY1）浏览器内核web标准web标准的构成HTML骨架解析标签语义文本格式化标签div和span标签img标签相对路径和绝对路径超链接标签链接分类：特殊字符浏览器内核浏览器内核，相当于渲染引擎：负责读取网页内容，整理讯息，显示页面。常见的浏览器内核：浏览器内核IETrident （百度浏览器、360急速浏览器）firefoxGecko(火狐浏览器内核)SafariWebkit（苹果浏览器内核chrome/operaBlink（chro