link，hover，active三种按键状态，存放三张图片 缺点： 资源只有在被使用时，才会被加载。 页面第一次加载时，会出现短暂的延迟闪烁，造成一次不佳的用户体验。 图片整合技术 CSS-Sprite 雪碧图： 将三张图片整合为一张图片，在不同的伪类中通过设置 background-positi ...
分类：
其他好文 时间：
2018-09-09 14:59:31
阅读次数：
124
1. CSS 1.1. 行内元素、块级元素 1.1.1. 元素的类型 CSS中将元素分为行内元素和块级元素，他们都各自有各自的特点和行为习惯。 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”，也称为块级元素。在布局页面时，块级元素独占一行。 与之相反，spa ...
分类：
Web程序 时间：
2018-09-07 21:34:27
阅读次数：
205
Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局，并且在V3版本之后坚持移动设备优先。 为什么要使用Bootstrap？ 在Bootstrap出现之前： ...
分类：
其他好文 时间：
2018-09-07 10:55:59
阅读次数：
174
伪类选择符归纳 伪类选择符比较多，不加以归类很难记清楚记全；我们可以先把他分为两类 + 和元素本身转态有关，类似于链接点击前，点击后 + 和元素在DOM结构中所处的结构有关，类似于第n个元素，或者奇数行。 一、和元素本身转态有关 1. ,`:visited :hover :active` + 指的是 ...
分类：
Web程序 时间：
2018-09-05 09:14:06
阅读次数：
213
前面有空格后代所有节点，前面无空格第一个节点 而在其他场合又有不同，反正需要调 ...
分类：
Web程序 时间：
2018-09-05 08:55:02
阅读次数：
161
一 , css选择器 1, css注释 /*注释内容*/ 2, HTML与css的结合方式 (css的引用) 1 , 直接在标签中引用; 2, 在头部采用选择器加属性的方式引用; 3, 在css文件中(以后常用) 3, 基本选择器(找标签的基本方式) 元素选择器 根据标签的名字找 标签名 {属性} ...
分类：
Web程序 时间：
2018-09-04 01:51:52
阅读次数：
194
1. 伪类和伪元素 1. 伪类 1. :link 2. :visited 3. :hover (重要) 4. :active 5. :focus(input标签获取光标焦点) 2. 伪元素 1. :first-letter 2. :before(重要 在内部前面添加) 3. :after(重要 在内 ...
分类：
Web程序 时间：
2018-09-03 17:19:23
阅读次数：
208
Cssdiv1{}div2{}元素选择器通配符选择器*类型选择器EID选择器类选择器关系选择符父子选择器 eg：E e子选择器 eg：E>F相邻选择符 E+F兄弟选择器 E~F属性选择器E[att] { sRules } 标签【属性】选择状态：link：正常hover：炫富active：被激活，能够... ...
分类：
Web程序 时间：
2018-09-03 13:37:31
阅读次数：
124
HTML Doctype作用？标准模式与兼容模式各有什么区别?? （1）、<!DOCTYPE 声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 （2）、标准模式的排版 和JS运作模式都是以该浏 ...
分类：
其他好文 时间：
2018-09-01 21:59:15
阅读次数：
157
马上月底了, 这个月忙于工作和生活, 没有很好的写一篇博客, 有点忧伤. 为了弥补, 就写点简单的. 最近项目有个需求, 就是鼠标移入的时候显示一个层, 移除的时候这个层消失. 当然层是可以点击进行额外操作的. 项目用的是react,最开始使用的是mounseenter和mounseleave事件, ...
分类：
Web程序 时间：
2018-09-01 00:49:29
阅读次数：
1196
