摘要: 1、选择器的优先级从高到低:ID、类、元素2、css扩展:选择器、框模型、背景和边框、颜色、字体、文字特效、2D/3D转换、动画、多列布局、用户界面。3、媒体查询:可以让你为不同的设备基于它们能力定义不同的样式。适合用于平板手机样式管理。4、last-child不一定会有,last-of-type一 阅读全文
posted @ 2016-08-07 21:14 xiaye 阅读(124) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title></title> <style> div.top{ background-color:darkmagenta; min-height: 30px; } div 阅读全文
posted @ 2016-07-31 18:46 xiaye 阅读(126) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> @keyframes lun { 0%,20% { transform:translate(0px); } 25%,40% { t 阅读全文
posted @ 2016-07-31 18:45 xiaye 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 示例: @keyframes tu{ 30%{ border-radius: 50%; } 70%{transform:translate(400px) rotate(360deg);} 90%{color: blueviolet} } //适应浏览器 @-webkit-keyframes tu { 阅读全文
posted @ 2016-07-31 18:43 xiaye 阅读(99) 评论(0) 推荐(0) 编辑
摘要: 方法 描述drawImage() 向画布上绘制图像、画布或视频像素操作 属性 描述width 返回 ImageData 对象的宽度height 返回 ImageData 对象的高度data 返回一个对象,其包含指定的 ImageData 对象的图像数据方法 描述createImageData() 创 阅读全文
posted @ 2016-07-31 18:33 xiaye 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 属性 描述fillStyle 设置或返回用于填充绘画的颜色、渐变或模式strokeStyle 设置或返回用于笔触的颜色、渐变或模式shadowColor 设置或返回用于阴影的颜色shadowBlur 设置或返回用于阴影的模糊级别shadowOffsetX 设置或返回阴影距形状的水平距离shadowO 阅读全文
posted @ 2016-07-31 18:32 xiaye 阅读(99) 评论(0) 推荐(0) 编辑
摘要: E~F:选择E元素后面的所有兄弟元素F。 E[att*="val"]:选择具有att属性且属性值为包含val的字符串的E元素。 E[att^="val"]:选择具有att属性且属性值为以val开头的字符串的E元素。 E[att$="val"]:选择具有att属性且属性值为以val结尾的字符串的E元素 阅读全文
posted @ 2016-07-20 17:35 xiaye 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 12、画笔对象:canvasRandering context13、 // 绘制图片,参数5个 // 1 图片对象,可以是页面上img元素对象,也可以使Image对象 // 2 水平X的坐标 3 垂直Y的坐标 // 4 绘制结果的图片宽度 5 绘制结果的图片高度 // 可能会使绘制的图片产生变形 1 阅读全文
posted @ 2016-07-20 17:35 xiaye 阅读(117) 评论(0) 推荐(0) 编辑
摘要: HTML新增了canvas(画布)它就类似于ps的效果,可以用画笔画出你想要的效果。getContext("2d")是的到画笔对象的方法,只有设置了画笔,才能画出图像。可以在画布上绘制文本、线条、矩形、圆形等等。 示例代码: <canvas id="mycas" width="400" height 阅读全文
posted @ 2016-07-20 17:19 xiaye 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 1、html5强化了web的表现性,支持网页多媒体、提供canvas画布、三维、图形及特效,支持语义化标签,新的表单标签,增加离线本地存储。2、目前支持HTML5的浏览器:Safari、chrome、Firefox、opera、Internet explorer9(支持某些HTML5特性)。3、<v 阅读全文
posted @ 2016-07-12 20:26 xiaye 阅读(110) 评论(0) 推荐(0) 编辑