摘要：
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、本身选择器的样式>继承过来的样式 阅读全文
摘要：
标签的显示模式：块状元素、行内元素（内联元素）、行内块元素 块状元素 :div/h1-h6/p/ul/li/ol/dl/dd/dt/table/tr/td/caption/thead/tbody/form/textera/ 有默认的宽高，宽是父元素的100%，高度是内容所称起来的高度 宽高是可以设置 阅读全文
摘要：
空格规范： 选择器与{之间必须包含空格 属性名与之后的 : 之间不允许包含空格， : 与属性值之间必须包含空格 选择器规范： 当一个rule包含多个selector时，每个选择器声明必须独占一行 嵌套层级应不大于 3 级 属性规范： 属性定义后必须以分号结尾 属性定义必须另起一行 a标签去下划线：t 阅读全文
摘要：
1、选择器：通过标识选择指定的元素，那么这个标识就是选择器 2、组成：基本选择器：标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器 复杂选择器：子代选择器（>）、后代选择器( )、交集选择器(.)、并集选择器(,) 伪类选择器(多用于a标签)： :link(未访问) :hover(移入 阅读全文
摘要：
样式表 样式：行内样式表 内部样式表(内联) 外部样式表 (外联) 行内样式表（内联样式表）：内嵌的标签中，通过style标签来操作其的属性 、属性值等多个样式。在样式表中，width是样式的属性，200px是样式的属性值，属性与属性值之间用：隔开，多个属性之间用;隔开 内部样式表：在head标签中 阅读全文
摘要：
开发工具 编辑器： dw：省事儿、控件的拖动 sublime:文艺青年喜欢用 webstorm:编辑快速 Hbuilder:快、生成安装包 Vscode:逻辑性高、各个公司都用（最终选择它） 五大主流浏览器：——因为内核不同 火狐浏览器 Geoko 谷歌浏览器（最终选择它） Webkit->Blin 阅读全文
摘要：
Ajax简介 AJAX( Asynchronous JavaScript and XML)异步的 JavaScript 和 XML。在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容，使网页实现异步更新，不需要任何浏览器插件。 Ajax原理（语法） XHR创建对象 new一个XML 阅读全文
摘要：
jquery插件的认识 jquery不可能包含所有的功能，我们可以通过插件扩展jquery的功能，只需要同jQuery一同引入，引入方式相同。 jquery.color.js jquery中的animate动画本身不支持变色，但是jquery.color.js弥补了这一缺陷，同jQuery一块引入使 阅读全文
摘要：
width()和height()方法 返回或设置元素的宽高（不包括内边距、边框、外边距） 1 $("button").click(function(){ 2 "div 的宽度是: " + $("#div1").width() + "</br>";//不带值显示 3 "div 的高度是: " + $( 阅读全文
摘要：
text() 返回或设置所选元素的文本内容，设置内容加到括号内 $("#test3").val("RUNOOB"); 下同 html() 返回或设置所选元素内容（包括标签、属性、文本、注释）（识别标签） val() 返回或设置表单字段的值（value） text(),html(),val()同样拥有 阅读全文
摘要：
注册事件： on() bind() on()/bind()的区别 bind有三个参数，分别是event，data，function，也就是事件，额外要添加的数据，执行函数。 on有四个参数，分别是event，selector，data，function，分别是事件，选择器，额外添加的数据，执行函数。 阅读全文
摘要：
隐藏与显示（利用了display属性） hide(); 隐藏 如： $("p").hide(); 下同 show(); 显示 淡入与淡出（利用display属性，可设参数设置快慢或时间） fadeIn(); 淡入已隐藏元素 fadeOut(); 淡出可见元素 fadeToggle(); 在fadeI 阅读全文