摘要：
4.25、多列布局 自适应 解决不同设备提供不同版本的页面问题 自适应布局 屏幕分辩率发生变化时，页面中的元素的位置会变化而大小不变 4.25.1、两列自适应布局——左侧宽度固定，右侧宽度自适应 1）左右两个盒子，左侧盒子宽度固定，右侧盒子宽度设置为100% 2）左侧盒子设置绝对定位position 阅读全文
摘要：
4.24、IE兼容问题 4.24.1、IE8中图片边框问题 解决方案： img{ border: none; } 4.24.2、IE8中背景复合属性写法问题 现象： background: url(images/esWe.jpg)no-repeat 0 0; 解决方案： background: ur 阅读全文
摘要：
4.23、表单 用于采集用户输入数据 发送服务器 实现用户和服务器之间数据交互 一个完整表单包含：表单域、表单元素--表单控件、提示信息--文本 4.23.1、表单标签--form 块级元素 用于声明表单，定义数据采集范围 一个页面中可以有多个form标签，多个form标签为并列关系，不能嵌套 用户 阅读全文
摘要：
4.22、文本溢出处理 text-overflow属性 text-overflow: clip;/* 溢出裁剪 */ text-overflow: ellipsis;/* 溢出显示省略号 */ text-overflow: string;/* 溢出内容用字符串表示，仅在火狐浏览器中有效 */ tex 阅读全文
摘要：
阿里矢量图标的使用： 1）通过检索界面搜索到需要的图标，添加到购物车 2）打开购物车--选择“下载代码”|打开购物车--添加入项目--在项目中下载代码 3）将下载好的文件夹中的字体文件（.eot|.ttf|.svg|.woff|.woff2）放入项目的fonts文件夹内 4）将下载好的css文件（i 阅读全文
摘要：
4.20、BFC 4.20.1、什么是BFC？ BFC-block formatting context 块级格式化上下文 W3C css2.1 概念 页面中的一个渲染区域 web页面可视化，css视觉渲染的一部分，用于决定块级盒子的布局或浮动相互影响范围的一个区域 本质：一个封闭的盒子 4.20. 阅读全文
摘要：
页面TDK （1）T-title 网页标题 可以作为默认快捷方式或收藏夹的名称；标题与页面内容相关，尽量简洁 <title></title> （2）D-description 页面的描述信息 不宜过长，否则搜索引擎会以“...”省略 <meta name="description" content= 阅读全文
摘要：
4.18、css sprites精灵图 4.18.1、css sprites？ 精灵技术、雪碧技术，也可以解释为css图像拼合或css贴图定位 将一堆小图整合在一张大图上，通过css属性“background-image、background-repeat、background-position”将 阅读全文
摘要：
图片格式说明优点缺点应用备注 jpg(jpeg) 不支持透明 色彩丰富，文件小 有损压缩，反复保存，会降低图片质量 网页中的大图、高清图 gif 支持透明、不透明、动画 文件较小，支持透明，没有兼容问题 色彩简单，只支持256种颜色 色彩较为单一的小图标，动画图片 png 支持透明、不透明、半透明 阅读全文
摘要：
4.17、ps--photoshop的简单使用方法 测图、获取图片、修改图片 4.17.1、文件操作 新建文件 文件菜单--新建 或 ctrl + n 工作区中的灰白格子表示背景透明 打开文件 文件菜单--打开 或 ctrl + o 4.17.2、设置单位 编辑菜单--首选项--单位与标尺--将标尺 阅读全文
摘要：
小箭头的实现 原理 (1)使用css绘制两个三角形 (2)通过绝对定位让两个三角形不完全重叠 (3)让处于上层的三角形比处于下层的三角形偏移1像素，生成空心箭头 兼容处理： 在IE6及更低版本的浏览器中添加font-size: 0; line-height: 0; 目的是为了让三角形的height: 阅读全文
摘要：
4.13、显示与隐藏 如何让元素隐藏： 方法一： opacity属性 opacity: 0; 元素透明，占位依然存在（实现隐藏） opacity: 1; 元素不透明 方法二： display属性 display: none; 元素隐藏，不占位（实现隐藏） display: block|inline| 阅读全文
摘要：
浮动和定位对比 css2中可以脱离正常文档流的属性 float: left|right; 脱离文档流，但不脱离文本流 position: absolute|fixed; 既脱离文档流，又脱离文本流 所有元素都能使用上方的属性 元素脱离正常文档流之后，不再区分块级和行级元素，都具有相同的属性，如果不设 阅读全文
摘要：
方法一： 使用margin:auto;实现具有width属性和height属性的绝对定位元素的居中 .box{ width:; height:; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } 方 阅读全文
摘要：
4.12、定位 css定位机制：普通流、浮动、定位 4.12.1、定位原理 css的定位属性允许相对于元素本身，相对于父元素，相对于浏览器窗口位置调整 网页中 覆盖关系 定位偏移属性 left属性|right属性 top属性|bottom属性 属性值：auto|数值|inherit 定位偏移属性不能 阅读全文
摘要：
4.11、透明度 4.11.1、rgba(r,g,b,a) 颜色模式 兼容性：IE8及以下版本的浏览器中不支持，IE9+支持 使用： background-color属性、color属性、border-color属性中设置透明度 语法： rgba(r,g,b,a) r-red 取值范围0-255 g 阅读全文
摘要：
4.10、vertical-align属性 垂直对齐方式 4.10.1、属性 vertical-align: top; 顶端对齐 vertical-align: middle;中部对齐 vertical-align: bottom; 底端对齐 vertical-align: baseline; 默认 阅读全文
摘要：
伪元素： 用css语言创造出来的标签使用方法： 在ele元素内部，内容之前添加一个内容 ele::before{ content: ""; 属性: 属性值; } 在ele元素内部，内容之后添加一个内容 ele::after{ content: ""; 属性: 属性值; } 阅读全文
摘要：
SSE，即HTML5 服务器发送事件（Server-Sent Events） HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。 Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。 以前也可能做 阅读全文
摘要：
#HTML5 Web Workers web worker 是运行在后台的 JavaScript，不会影响页面的性能。 什么是 Web Worker？ 当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的 JavaScript，独立于其他脚 阅读全文