11 2016 档案
摘要：CSS外边距叠加就是margin-collapse，边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距,水平边 距永远不会重合。重叠结果计算规则：①.两个相邻的外边距都是正数时，折叠结果是它们两个之间较大的值.②.两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值.③.两个边距一正一
阅读全文
摘要：1、CDN缓存更方便 2、突破浏览器并发限制 3、节约cookie带宽 4、节约主域名的连接数，优化页面响应速度 5、防止不必要的安全问题
阅读全文
摘要：普通添加事件的方法： 执行上面的代码只会alert 2 事件绑定方式添加事件： 执行上面的代码会先alert 1 再 alert 2 普通添加事件的方法不支持添加多个事件，最下面的事件会覆盖上面的，而事件绑定（addEventListener）方式添加事件可以添加多个。
阅读全文
摘要：这其中最有趣的是第1步和第2步(域名解析)。我们输入的网址(域名)是IP地址的一个别名， 在一个DNS内，一个域名对应一个IP地址。域名系统(DNS) 的工作就是将域名与它的IP地址对应起来。DNS是分布式的，同时也是具有层级关系的。 一个域名服务器虽然只记录一个小的子网内的主机名和IP地址， 但所
阅读全文
摘要：cookies，sessionStorage 和 localStorage 的区别 cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。存储大小： c
阅读全文
摘要：优雅降级和渐进增强的理解：渐进增强 ：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等 改进和追加功能达到更好的用户体验。优雅降级 ：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是
阅读全文
摘要：1.<!Doctype> 声明文档的类型。 指示web浏览器关于页面使用哪个HTML版本进行编写的指令。 2.如何解决HTML5在实际应用中的兼容性问题？ 其实解决HTML5在实际应用中的兼容性难题，真正实现HTML5的跨平台，有两个途径： 1）通过HTML5的底层框架来屏蔽不同浏览器的兼容问题，所
阅读全文
摘要：a) 新增了一些标签，nav，header，footer…… b) Canvas：绘图 c) Svg：绘图 d) 音频与视频标签，且提供了音频和视频的控制 e) 本地存储 f) 离线应用 g) 地理位置定位 h) 多线程 i) 新增的表单控件 a) B b) Font c) Frame d) Fra
阅读全文
摘要：a) ECMAScript，ECMA-262, b) 2015年6月17日，ECMAScript 6正式版—>ECMAScript2015àES6 a) 脚本语言：解释型 b) 基于对象（不是面向对象） c) 简单：弱类型 var d) 跨平台：只依赖浏览器 e) 嵌入式：js脚本写在HTML当中，
阅读全文
摘要：1.1web标准，简单来说就是将页面的结构、表现和行为各自独立实现, W3C对web标准提出了规范化的要求： 1.对结构的要求：（标签规范可以提高搜索引擎对页面的抓取效率，对SEO帮助） 1）标签字母要小写； 2）标签要闭合； 3）标签不允许随意嵌套。 2.对css和js的要求： 1）尽量使用外联c
阅读全文
摘要：图片素材： html部分： <!DOCTYPE html><html><head> <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <title>葫芦兄弟旋转
阅读全文
摘要：jQuery加载1.$(document).ready()2.添加css样式:单个：$("p").css("color","red"); 多个样式:$("p").css({"color":"red","border":"1px"})3.选择器：$("p") 选取 <p> 元素。$("p.intro"
阅读全文
摘要：Bootstrap框架 1.以栅栏式布局，分12列，16列，24列和32列，常用12列。 2.整个页面必须在container容器内部 3.移动端以 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 来使视图一
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #div1 { width: 500px; height
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>抽奖活动</title> <style> * { margin: 0; padding: 0; } #title { color: red; text-align
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0;padding: 0; } ul{ list-style: none; } #div1{
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0;padding: 0; } .wrap{ width: 100%; height: 3
阅读全文
摘要：<!doctype html><html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 { width: 200px; height: 200px; background-color: #0F0; position
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script>window.onload = function(){ var oTxt1 = document.getElementById("txt1");
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #dakuang { width: 1000px; height: 30px; } #left, #right { height: 100%; fl
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0 auto; } #kaishi { text-align: center; background-color: red;
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .lala{ text-align: center; } </style> </head> <body> <div class="lala"> <i
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>邮箱正则</title> </head> <body> <input type="text" id="Txt1" /> <input type="button" value="提交"
阅读全文
摘要：css样式： #box{ width: 300px; height: 300px; background: deepskyblue; position: absolute; margin-right: 20px; } html布局： <div id="box"></div> js部分： window
阅读全文
摘要：一. html （1）编码：所有编码均采用xhtml，标签必须闭合，属性值用双引号包括，编码统一为utf-8。 （2）语义化：语义化html，正确使用标签。 （3）文件命名：命名以中文命名，依实际模块命名，方便查找 （4）文件头部head的内容 title，需要添加标题 编码charset=UTF-
阅读全文
浙公网安备 33010602011771号