文章分类 - web
摘要：js 示例代码 var startX, startY, endX, endY; document.addEventListener("mousedown", function(event) { if (event.button 0) { startX = event.clientX; startY
阅读全文
摘要：非原创 转载于：https://www.cnblogs.com/xuanyuan/p/15122294.html 我是一个浏览器，每到夜深人静的时候，主人就打开我开始学习。 为了不让别人看到浏览记录，主人选择了“无痕模式”。 但网络中总是有很多坏人，他们通过抓包截获我和服务器的通信，主人干了什么，请
阅读全文
摘要：1，传输信息安全性的不同 http http是超文本传输协议，信息是明文传输。 https 是具有安全性的ssl加密传输协议，为浏览器和服务器之间的通讯加密，确保传输安全 2，连接方式不同 http 是一种不保存状态,即无状态(stateless)协议。 https 是由SSL + HTTP协议构建
阅读全文
摘要：定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术； 下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.jquery.com/cookie/ <scrip
阅读全文
摘要：实例 隐藏被旋转的 div 元素的背面： div { backface-visibility:hidden; -webkit-backface-visibility:hidden; /* Chrome 和 Safari */ -moz-backface-visibility:hidden; /* F
阅读全文
摘要：实例 设置 3D 元素的基点位置： div { perspective:150; perspective-origin: 10% 10%; -webkit-perspective:150; /* Safari 和 Chrome */ -webkit-perspective-origin: 10% 1
阅读全文
摘要：实例 设置元素被查看位置的视图： div { perspective: 500; -webkit-perspective: 500; /* Safari 和 Chrome */ } 浏览器支持 目前浏览器都不支持 perspective 属性。 Chrome 和 Safari 支持替代的 -webk
阅读全文
摘要：实例 使被转换的子元素保留其 3D 转换： div { transform: rotateY(60deg); transform-style: preserve-3d; -webkit-transform: rotateY(60deg); /* Safari 和 Chrome */ -webkit-
阅读全文
摘要：实例 设置旋转元素的基点位置： div { transform: rotate(45deg); transform-origin:20% 40%; -ms-transform: rotate(45deg); /* IE 9 */ -ms-transform-origin:20% 40%; /* IE
阅读全文
摘要：实例 旋转 div 元素： div { transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate
阅读全文
摘要：CSS3 Resizing 在 CSS3，resize 属性规定是否可由用户调整元素尺寸。 这个 div 元素可由用户调整尺寸（在 Firefox 4+、Chrome 以及 Safari 中）。 CSS 代码如下： 实例 规定 div 元素可由用户调整大小： div { resize:both; o
阅读全文
摘要：CSS3 创建多列 column-count 属性规定元素应该被分隔的列数： 实例 把 div 元素中的文本分隔为三列： div { -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari 和 Chrome */ co
阅读全文
摘要：通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 CSS3 动画 CSS3 @keyframes 规则 如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。 @keyframes 规则用于创建动画。在 @keyframe
阅读全文
摘要：rotateX() rotateY() rotateX() 方法 通过 rotateX() 方法，元素围绕其 X 轴以给定的度数进行旋转。 实例 div { transform: rotateX(120deg); -webkit-transform: rotateX(120deg); /* Safa
阅读全文
摘要：CSS3 转换 通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。 translate() rotate() scale() skew() matrix() div { transform: rotate(30deg); -ms-transform: rotate(30deg);
阅读全文
摘要：CSS3 background-size 属性 background-size 属性规定背景图片的尺寸。 在 CSS3 之前，背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中，可以规定背景图片的尺寸，这就允许我们在不同的环境中重复使用背景图片。 您能够以像素或百分比规定尺寸。如果以百分比规定
阅读全文
摘要：Internet Explorer 10、Firefox、Chrome、Safari 以及 Opera 支持 text-shadow 属性。 所有主流浏览器都支持 word-wrap 属性。 注释：Internet Explorer 9 以及更早的版本，不支持 text-shadow 属性。 CSS
阅读全文
摘要：在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。 通过 CSS3，web 设计师可以使用他们喜欢的任意字体。 当您您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。 您“自己的”的字体是在 CSS3 @font-f
阅读全文
摘要：通过 CSS3，您能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框 - 并且不需使用设计软件，比如 PhotoShop。 border-radius box-shadow border-image 浏览器支持 Internet Explorer 9+ 支持 border-radius 和 box
阅读全文
摘要：Window 事件属性 针对 window 对象触发的事件（应用到 标签）： 属性 值 描述 onafterprint script 文档打印之后运行的脚本。 onbeforeprint script 文档打印之前运行的脚本。 onbeforeunload script 文档卸载之前运行的脚本。 o
阅读全文
浙公网安备 33010602011771号