摘要: (1)设置边框图片的来源 图片边框默认只在四个顶点显示 none: 无背景图片; border-image-source: url('borderImage.png'); (2)边框图片的分割 将图片分为9块内容, 四个顶点 四个边框 一个中间区域 如果需要用到中间区域 添加fill属性值 整体一张 阅读全文
posted @ 2016-11-24 11:27 星星** 阅读(484) 评论(0) 推荐(0)
摘要: 绘制3D环境 父元素设置了 preserve-3d 子元素就可以以父元素作为平面进行3d转换 transform-style: preserve-3d; 设置视点 :表示透视效果 值越小 透视效果越明显(联系现实) perspective: 50px; 设置元素背面是否可见 visible:可见的 阅读全文
posted @ 2016-11-23 20:52 星星** 阅读(330) 评论(0) 推荐(0)
摘要: 动画分为两种,1,逐帧动画 组成动画的每一个画面就是一帧 2,关键帧动画,确定关键帧电脑会自动过度 动画中如果遇到不兼容的问题也是要加前缀 @-webkit-keyframes规则 @-webkit-animation属性 关键帧动画: @keyframes + 动画名称 第一帧最后一帧 from: 阅读全文
posted @ 2016-11-23 20:29 星星** 阅读(279) 评论(0) 推荐(0)
摘要: 设置样式的过度效果transition-property: none/all; transition-duration:2s;运动时间,默认是0秒 transition-delay:0s; 延迟时间默认0秒 transition-timing-function:ease;逐渐变慢(默认) linea 阅读全文
posted @ 2016-11-23 19:53 星星** 阅读(10587) 评论(0) 推荐(0)
摘要: 盒子阴影 box-shadow:盒子的阴影 第一个参数:设置的是阴影的水平偏移量 第二个参数:设置的是阴影的垂直偏移量 第三个参数:设置阴影的模糊程度 第四个参数:设置阴影外延值 第五个参数:阴影的颜色 第六个参数:设置阴影的类型为内阴影(以自身作为参照物)可以同时设置两个 box-shadow: 阅读全文
posted @ 2016-11-23 13:24 星星** 阅读(432) 评论(0) 推荐(0)
摘要: 1,Color Name:red 优点:方便记忆 缺点:数量少不支持透明度 2,HEX方式:#FFFFFF 优点:颜色种类多 缺点:换算复杂需要借助工具 3,RGB方式:rgb(255,0,0) 优点:支持的颜色种类多方便使用, 缺点:换算复杂需要借助工具 4,RGBA方式rgba(255,133, 阅读全文
posted @ 2016-11-22 10:05 星星** 阅读(361) 评论(0) 推荐(0)
摘要: 对p标签进行样式的设置 text-justify:inter-word; 增加/减少单词的间隔只在IE及部分浏览器上支持 text-align: justify;两端对齐 text-align:auto; 浏览器自行决定算法 text-align:none;禁用齐行 text-align:用表意文本 阅读全文
posted @ 2016-11-21 21:42 星星** 阅读(553) 评论(0) 推荐(0)
摘要: css3叫做样式表 对页面的布局,字体,颜色,背景和其他效果做更精确的布置 支持的浏览器有 chrome safari firfox opera 甚至360都开始支持360用的是别的内核 IE10 之后也开始支持不通过的浏览器需要不同的前缀 表示浏览器尚未成为w3c标准的一部分是浏览器的私有属性,虽 阅读全文
posted @ 2016-11-21 20:46 星星** 阅读(329) 评论(0) 推荐(0)
摘要: 1,插件命名:jQuery.插件名.js 为拉避免和其他库的冲突2,自定义插件尽量避免使用$ 如果非要使用$就一定要将jQuery传递进去,写在最后加一个小括号写jquery ;结束 封装函数是自执行函数 3,插件的结尾一定要以 ; 结束 避免和前面代码产生瓜葛4,封装分为全局的方法和局部的方法.n 阅读全文
posted @ 2016-11-16 09:16 星星** 阅读(6774) 评论(0) 推荐(0)
摘要: 节点包裹 wrap() (1)$().wrap(html) 将选择的节点用指定的元素包装 $('p').wrap('<div></div>'); (2)多层包裹 $('p').wrap('<div><strong></strong></div>'); (3)带内容 $('p').wrap('<div 阅读全文
posted @ 2016-11-14 21:28 星星** 阅读(211) 评论(0) 推荐(0)