摘要：
响 应 式 布 局 一、响应式布局:写一套css样式可以兼容多个终端设备，为移动互联网的开发做出了重要贡献 优点:一套样式可以兼容多个终端设备，灵活性更强 缺点：工作量增加，容易造成代码冗余，影响加载速度 核心原理:主要使用css3的媒体查询实现不同设备的响应 二、媒体查询 1.外联式媒体查询 <l 阅读全文
摘要：
一、分栏布局 1.设置栏数column-count:数值; 2.设置每栏的宽度column-width:数值+单位; 注：当设置了column-width，column-count会失效，二者设置其一即可 3.设置栏间距column-gap:数值+单位; 4.设置栏间隔线column-rule:5p 阅读全文
摘要：
一、基本选择器 1.* 通配符(通用选择器) 2.id选择器 3.class选择器(类选择器) 4.标签选择器(元素选择符) 5.群组选择器 (选择符1,选择符2{...}) 二、层次选择器（关系选择器） 1.后代选择器语法： E F eg: .box a{color:red;} 匹配.box中所有 阅读全文
摘要：
一、html5新增标签 1.结构性标签 header 定义网页的头部 nav 定义网页的导航 footer 定义网页的底部 section 定义网页的某个区域 article 定义网页中的一篇文章 aside 定义网页的侧边栏 hgroup 将网页某个区域的标题进行组合 figure 将网页中的元素 阅读全文
摘要：
1. 块级元素可以包含内联元素或某些块级元素，但内联元素却不能包含块级元素，它只能包含其它的内联元素： <div><h1></h1><p></p></div> —— 对 <a href="#"><span></span></a> —— 对 <span><div></div></span> —— 不合 阅读全文
摘要：
一、常见浏览器兼容性问题 1.双倍浮动bug描述：块状元素设置了float后，又设置了横向的margin，在IE6下显示的margin值要比设置的值大 解决方案： 给float的元素添加display:inline;将其转换为行内元素 2.表单元素行高不一致 解决方案： 方案一： 给表单元素添加 v 阅读全文
摘要：
一、宽度自适应 语法：width:100%; 注： a）块状元素的默认宽度为100% b) 当给元素设置宽度为100%时，继承父元素的宽度 c) 通常使用宽度自适应实现通栏效果 二、高度自适应 语法：height:auto;（等同于不给元素设置高度） 三、最小高度，最大高度，最小宽度，最大宽度 1. 阅读全文
摘要：
一、css布局模型 1.流动模型（Flow） 元素在不设置css样式时的布局模型，是块元素就独占一行，是内联元素就在一行逐个进行显示 2.浮动模型（Float） 使用float属性来进行网页布局，给元素设置float后会脱离正常的文档流 3.层模型（Layer） 使用position属性对元素进行定 阅读全文
摘要：
一、元素类型分类 html元素可分为三大类：块元素，内联元素，可变元素 1.块元素 常见块元素：div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,fieldset,h1,h2,h3,h4,h5,h6 块状元素特点： a）块状元素会以块的形式显示为一个矩形区域 b 阅读全文
摘要：
一、容器溢出 语法：overflow: visible | hidden | scroll | auto | inherit; visible:默认值，溢出内容不会被裁剪，正常显示 hidden: 溢出内容隐藏不可见 scroll: 当容器溢出时，溢出的内容以滚动条的形式查看（当容器没有溢出时，也会 阅读全文