摘要：
一、transform-style 1、transform-style属性是3D空间一个重要属性，指定嵌套元素如何在3D空间中呈现。 有两个属性值：flat和preserve-3d。 transform-style属性的使用语法非常简单： transform-style: flat | preser 阅读全文
posted @ 2017-12-01 22:37
半指温柔乐
阅读(706)
评论(0)
推荐(0)
摘要：
CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation； 一、Animation定义动画 CSS3的Animation是由“keyframes”这个属性来实现这样的效果，keyframes就是关键帧。下面先来看看Keyframes: Keyframes语 阅读全文
posted @ 2017-11-30 22:48
半指温柔乐
阅读(947)
评论(0)
推荐(0)
摘要：
CSS3中透视perspective 透视原理： 近大远小 。 浏览器透视：把近大远小的所有图像，透视在屏幕上。 理解浏览器的坐标系：浏览器平面为 Z=0的平面，坐标原点默认为图片的中心，可以通过更改透视原点进行更改。 perspective：视距，表示视点距离屏幕的长短。视点，用于模拟透视效果时人 阅读全文
posted @ 2017-11-29 22:55
半指温柔乐
阅读(11053)
评论(0)
推荐(3)
摘要：
transform变换详解 本文主要介绍变形transform。 Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transfor 阅读全文
posted @ 2017-11-28 23:06
半指温柔乐
阅读(750)
评论(0)
推荐(0)
摘要：
一、渐变 渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。 可分为线性渐变、径向渐变 1、 线性渐变 （gradient 变化） linear-gradient线性渐变指沿着某条直线朝一个方向产生渐变效果。 2、 阅读全文
posted @ 2017-11-27 23:05
半指温柔乐
阅读(5004)
评论(0)
推荐(0)
摘要：
一、背景大小 cover 完全覆盖盒子，不一定全部显示 background-size: cover; contain 背景图片最大化在盒子中等比显示，但不一定能铺满盒子 background-size: contain; 二、全屏背景自适应 三、背景原点 background-origin 背景原 阅读全文
posted @ 2017-11-26 22:40
半指温柔乐
阅读(299)
评论(0)
推荐(0)
摘要：
1、CSS3边框： border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 中，border-radius 属性用于创建圆角。border：2px solid; box-shadow： 阅读全文
posted @ 2017-11-25 22:30
半指温柔乐
阅读(383)
评论(0)
推荐(0)
摘要：
CSS3 边框详解 其中边框圆角、边框阴影属性，应用十分广泛，兼容性也相对较好，具有符合渐进增强原则的特征，我们需要重点掌握。 一、边框圆角 border-radius 每个角可以设置两个值 ，x 值，y值 圆角处理时，脑中要形成圆、圆心、横轴、纵轴的概念，正圆是椭圆的一种特殊情况。 椭圆可分别设置 阅读全文
posted @ 2017-11-23 23:00
半指温柔乐
阅读(224)
评论(0)
推荐(0)
摘要：
一、颜色的表示方式 1、 rgba(255,0,0,0.1) rgba是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha透明度。虽然它有的时候被描述为一个颜色空间 新增了RGBA、HSLA模式，其中的A 表示透明度通道，即可以设置颜色值的透明度，相较opacity，它们不具有继 阅读全文
posted @ 2017-11-22 23:01
半指温柔乐
阅读(652)
评论(0)
推荐(0)
摘要：
一、属性选择器 其特点是通过属性来选择元素，具体有以下5种形式： 1、E[attr] 表示存在attr属性即可； div[class] 2、E[attr=val] 表示属性值完全等于val； div[class=mydemo] 3、E[attr*=val] 表示的属性值里包含val字符并且在“任意” 阅读全文
posted @ 2017-11-21 22:47
半指温柔乐
阅读(424)
评论(0)
推荐(0)
摘要：
一、文件API File API：提供客户端本地操作文件的可能 二、拖放操作 在捕获drop事件时，必须先阻止默认事件。 阅读全文
posted @ 2017-11-20 23:05
半指温柔乐
阅读(284)
评论(0)
推荐(0)
摘要：
一、访问历史 API 通过history对象实现前进、后退和刷新之类的操作 history新增的两个方法history.replaceState()和history.pushState()方法属于HTML5浏览器新增的属性，所以IE9以下的是不支持的。 1、history.replaceState( 阅读全文
posted @ 2017-11-19 23:01
半指温柔乐
阅读(432)
评论(0)
推荐(0)
摘要：
在HTML5 API里，页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList，程序员还可以用它来判断某个节点是否被赋予了某个CSS类。 一、Element.classList 这个classList对象里有很多有用的 阅读全文
posted @ 2017-11-18 23:31
半指温柔乐
阅读(299)
评论(0)
推荐(0)
摘要：
一、HTML5新选择器 1、document.querySelector("selector");selector:根据CSS选择器返回第一个匹配到的元素，如果没有匹配到，则返回null;支持： Chrome 4.0+, FireFox 3.5+, Safari 3.2+, Opera 10.1+, 阅读全文
posted @ 2017-11-17 23:00
半指温柔乐
阅读(2272)
评论(0)
推荐(0)
摘要：
一、HTML5应用程序标签 1、datalist需要数据载体 input list属性指向数据源 2、progress进度条 -webkit-appearance: none; /*如果要改默认样式 要先取消默认样式 */ .my-progress::-moz-progress-bar { /*选中 阅读全文
posted @ 2017-11-16 23:30
半指温柔乐
阅读(377)
评论(0)
推荐(0)
摘要：
一、语义标签 语义标签对于我们并不陌生，如<p>表示一个段落、<ul>表示一个无序列表<h1> ~ <h6>表示一系列标题等，在此基础上HTML5增加了大量更有意义的语义标签，更有利于搜索引擎或辅助设备理解HTML页面内容。 传统的做法我们或许通过增加类名如class="header"、class= 阅读全文
posted @ 2017-11-15 23:00
半指温柔乐
阅读(263)
评论(0)
推荐(0)
摘要：
jQuery动态创建表格 阅读全文
posted @ 2017-11-14 22:55
半指温柔乐
阅读(235)
评论(0)
推荐(0)
摘要：
操作form表单 1、 属性操作 设置属性： // 第一个参数表示：要设置的属性名称 // 第二个参数表示：该属性名称对应的值 $(selector).attr(“title”, “传智播客”); 获取属性： // 参数为：要获取的属性的名称，改操作会返回指定属性对应的值 $(selector).a 阅读全文
posted @ 2017-11-13 23:42
半指温柔乐
阅读(262)
评论(0)
推荐(0)
摘要：
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的 阅读全文
posted @ 2017-11-12 22:40
半指温柔乐
阅读(171)
评论(0)
推荐(0)
浙公网安备 33010602011771号