摘要：
代码的最终效果： 阅读全文
摘要：
css禁止dom节点被选中： 当某个dom节点在快速重复点击的时候出现这个节点被选中，有时候其实并不希望出现这种情况，比如我们使用一个span或者a标签做为按钮dom元素的时候，快速双击这个按钮，就会出现按钮被选中，禁止这个特性可以使用css属性：user-select:none （此处转发别人的） 阅读全文
摘要：
<video>标签的属性 src ：视频的属性 poster：视频封面，没有播放时显示的图片 preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度 html 代码 获取video对象 Media方法 阅读全文
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 动态进度条</title> <style> .progress { width: 500px; height: 40px; margin: 100px a 阅读全文
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Red Heart</title> <style> html, body { height: 100%; } body { margin: 0; padding: 阅读全文
摘要：
（1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。 （2） 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数 （3） 阅读全文
摘要：
Ajax 是什么? 如何创建一个Ajax？ Ajax并不算是一种新的技术，全称是asychronous javascript and xml，可以说是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新，早期的浏览器并不能原生支持ajax，可以使用隐藏帧（iframe）方式 阅读全文
摘要：
Link属于html标签，而@import是CSS中提供的 在页面加载的时候，link会同时被加载，而@import引用的CSS会在页面加载完成后才会加载引用的CSS @import只有在ie5以上才可以被识别，而link是html标签，不存在浏览器兼容性问题 Link引入样式的权重大于@impor 阅读全文
摘要：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 // 方法一：已知元素的高宽 #div1{ width:200px; height:200px; position: absolute; //父元素需 阅读全文
摘要：
去掉或样式丢失的时候能让页面呈现清晰的结构： html本身是没有表现的，我们看到例如<h1>是粗体，字体大小2em，加粗；<strong>是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构的优点，但是 阅读全文