摘要：
HTML5初识 HTML5是继htnl\html4.01后下一代，设计目的是为了在移动设备上支持多媒体，简单易学。 优点 提高可用性和改进用户的友好体验。 有几个新的标签，这将有助于开发人员定义重要的内容。 可以给站点带来更多的多媒体元素(视频和音频)。 可以很好的替代FLASH和Silverlig 阅读全文
摘要：
overflow: hidden 作用总结 容器中溢出内容的隐藏 父元素中添加，消除外边距的合并 消除浮动带来的影响 鼠标样式 cursor: 样式 cursor: default 小白（默认样式） cursor: pointer 小手 cursor: move 移动 cursor: text 文本 阅读全文
摘要：
word-break:自动换行 normal：使用浏览器默认的换行规则。 break-all：允许在单词内换行。 keep-all：只能在半角空格或连字符处换行。 强制一行显示文本 white-space: nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。 文字溢出 阅读全文
摘要：
1. 为什么要用字体图标 1. 图片过大，会增加服务器的压力 2. 通过样式设置图片会失真 2. 定义：是一种字体inconfont可以设置大小颜色 3. 下载过程 1. 打开http://www.iconfont.cn/登录 2. 搜索想要使用的字体图标添加入库 3. 在库中创建项目 4. 可以编 阅读全文
摘要：
为什么要用精灵图？ 在网页中引入图片，src的属性值是一个网址，会请求数据，需要时间 如何去减轻服务器压力，减少加载图片的时间 图片的懒加载 精灵图 CSS精灵图定义 1. CSS sprites 2. 多个小图标放在一张图片上，然后通过背景方位去展示不同的小图标 使用 background-ima 阅读全文
摘要：
将元素固定到指定的位置上，包括定位模式和边偏移 边偏移：顶、左、右、底（top,left,right,bottom） 定位模式：相对定位（自恋型）、绝对定位（拼爹型）、固定定位（认死理） 相对定位: 相对于元素本身位置 position: relative; top: 30px； left:100p 阅读全文
摘要：
为什么要清除浮动 浮动后的元素不会撑开父元素的高度，因为浮动是不占位置的。 清除浮动所带来的影响，并不是真正的清除浮动。 如何清除浮动 额外标签法：在浮动元素的后边加上标签 <div style="clear: left;"></div> 清除左浮动 clear: left 清除右浮动 clear: 阅读全文
摘要：
浮动 float:left/float:right 标准流（文档流）：元素按部就班按照自身的特性排列。 浮动：元素会脱离标准普通流的控制，移动到指定位置的过程 结论（浮动的特征）： 浮动后的元素会脱离标准流，漂浮在其他没有浮动的盒子上边 浮动后的元素不占有原来的位置 浮动后的两个块状元素会在同一行显 阅读全文
摘要：
盒子模型（内容、边框、外边距、内边距）网页布局的本质就是拼接盒子的过程 div+css 边框 border 边框属性：边框厚度、边框颜色、边框的线条样式 边框厚度 ：border-top-width(上边框厚度) 边框颜色 ：border-top-color(上边框颜色) 边框线条样式： boder 阅读全文
摘要：
层叠性：就近原则 a、同类种选择器,第二个选择器相同样式会覆盖第一个选择器 b、在同一个选择器中，相同的属性，以最后一个为准 继承性：子承父业 优先级：贡献值 a、在同一个元素中 !important>style>ID选择器>类名选择器>标签选择器>通配符选择器 b、本身选择器的样式>继承过来的样式 阅读全文