摘要：
1、为什么要用精灵图？ (1) 在网页中引入图片，src的属性值是一个网址，会请求数据，需要时间 2、如何去减轻服务器压力，减少加载图片的时间 ① 图片的懒加载 ② 精灵图 3、CSS精灵图定义： ① CSS sprites ② 多个小图标放在一张图片上，然后通过背景方位去展示不同的小图标 4、使用 阅读全文
摘要：
1、元素的显示及隐藏 1、实现方式： ① display ② visibility ③ overflow 2、display ① 元素的隐藏 display: none; 1) 结论：元素本身还在DOM中，只是隐藏而已 2) 元素是不占位置的 ② 元素的显示 display: block; 1) 结 阅读全文
摘要：
1、浮动 1、标准流（文档流）：元素按部就班按照自身的特性排列 2、浮动定义：元素会脱离标准普通流的控制，移动到指定位置的过程 3、使用： (1) 左浮动：float：left (2) 右浮动：float：right 4、结论 (1) 浮动后的元素会脱离标准流，漂浮在其他没有浮动的盒子上边 (2) 阅读全文
摘要：
1、边框 1、CSS的三大重点：盒子模型、浮动、定位 2、 盒子模型：内容、边框、外边距、内边距 3、 网页布局本质：拼接盒子的过程 div +CSS 4、 边框 (1) 、边框属性：边框厚度、边框的颜色、边框的线条样式 (2) 、边框厚度：border-top-width（上） (3) 、边框的颜 阅读全文
摘要：
1、背景：背景色、背景图 2、背景色 (1) 、英文单词 background-color: blue; (2) 、十六进制 background-color: #ff0000; (3) 、 RGB 红绿蓝 background-color: rgb(0, 255, 0); (4) 、rgba 红绿 阅读全文
摘要：
1、三大特性：层叠性、继承性、优先级 2、层叠性：就近原则 (1) 、 同类种选择器,第二个选择器相同样式会覆盖第一个选择器 (2) 、在同一个选择器中，相同的属性，以最后一个为准 3、继承性:所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式。 4、优先级： a) 在同一个元素中 !i 阅读全文
摘要：
1、块状元素 1、元素《==》标签 2、标签的显示模式：块状元素、行内元素（内联元素）、行内块元素 3、块状元素: 4、div/h1-h6/p/ul/li/ol/dl/dd/dt/table/tr/td/caption/thead/tbody/form/textera/ 5、块状元素的特点：1、有默 阅读全文
摘要：
1、选择器：通过标识选择指定的元素，那么这个标识就是选择器 2、组成： 1、基本选择器： 标签选择器：标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式 ID选择器：id选择器使用“#”进行标识，后面紧跟id名 类名选择器：类选择器使用“.”（英文点号 阅读全文
摘要：
1、 为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 2、 CSS：（网页美颜相机） 层叠样式表 3、css的作用：用来美化网页的 4、css样式表 样式表：行内样式表 内部样式表 外部样式表 1、行内样式表（内联样式表）：内嵌的标签中，通过style style是标签的属性 阅读全文
摘要：
知识点一：表格 1、表格标签 table 2、表格的组成 行 tr 单元格 td 3、建立表格步骤 1、建立表格， 2、判断行数和列数 3、用行去包含单元格 4、在每个单元格中去添加内容 4、表格的各大属性 cellspacing：边框与边框之间的距离 cellpadding:单元格内容与边框之间的 阅读全文
摘要：
1、标题标签 :h1-h6 head 特点：1、文本自动加粗加大 2、文本的字体大小与h后边的的数字成反比 3、自动换行 2、段落标签： p paragraph 特点：自动换行 3、水平线标签： hr horizon 特点：显示一条横线 单标签 4、换行标签 ： br 特点：1、单标签 2、可以在文 阅读全文
摘要：
1、开发工具 编辑器： dw：省事儿、控件的拖动 sublime:文艺青年喜欢用 webstorm:编辑快速 Hbuilder:快、生成安装包 Vscode:逻辑性高、各个公司都用（最终选择它） 五大主流浏览器：火狐浏览器 ————因为内核不同 Geoko 谷歌浏览器（最终选择它） Webkit-> 阅读全文