会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Heroine.z
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
9
···
15
下一页
2016年11月14日
CSS3中制作倒影box-reflect
摘要: 目前仅在Chrome、Safari和Opera浏览器下支持 由于此属性并不是W3C标准属性,在具体使用之时,还是需要添加浏览器的私有属性,根据浏览器的兼容性,使用box-reflect时需要添加-webkit和前缀: 可惜的是在Firefox下并不支持这个属性,不过值得庆幸的是,在Firefox下可
阅读全文
posted @ 2016-11-14 10:17 Heroine.z
阅读(397)
评论(0)
推荐(0)
2016年11月9日
JS中==与===区别
摘要: ==和 定义 ==和 虽然都是关系表达式运算符,但它们的定义是有所不同的: ==:称作相等运算符(Equality Operator),它用来检测两个操作是否相等,这里的相等的定义非常宽松,可以允许类型的转换 :称作严格相等运算符(Strict Equality),也被称之为恒等运算符(Identi
阅读全文
posted @ 2016-11-09 20:45 Heroine.z
阅读(5849)
评论(0)
推荐(1)
CSS3-Animation
摘要: Keyframes具有其自己的语法规则,他的命名是由"@keyframes"开头,后面紧接着是这个“动画的名称”加上一对花括号“{}”,括号中就是一些不同时间段样式规则,有点像我们css的样式写法一样。对于一个"@keyframes"中的样式规则是由多个百分比构成的,如“0%”到"100%"之间,我
阅读全文
posted @ 2016-11-09 17:53 Heroine.z
阅读(177)
评论(0)
推荐(0)
CSS3-transform
摘要: CSS3的transform属性指一组转换函数。 CSS3的2D transform函数包括了translate()、scale()、rotate()和skew()。 translate()函数接受CSS的标准度量单位;scale()函数接受一个十进制值数值;rotate()和skew()两个函数都
阅读全文
posted @ 2016-11-09 17:48 Heroine.z
阅读(266)
评论(0)
推荐(0)
CSS3-transition
摘要: transition: <property> <duration> <animation type> <delay>如下图所示: 相对应的一个示例代码: 浏览器的兼容性: 因为transition最早是有由webkit内核浏览器提出来的,mozilla和opera都是最近版本才支持这个属性,而我们的
阅读全文
posted @ 2016-11-09 16:55 Heroine.z
阅读(162)
评论(0)
推荐(0)
CSS盒模型-box-sizing
摘要: CSS中Box model是分为两种,第一种是W3C的标准模型,另一种是IE的传统模型 1、W3C的标准Box Model: 2、IE)传统下Box Model(IE6以下,不含IE6版本或“QuirksMode下IE5.5+”): W3C标准浏览器(Firefox,Safari,Chrome,Op
阅读全文
posted @ 2016-11-09 16:02 Heroine.z
阅读(237)
评论(0)
推荐(0)
2016年11月8日
css兼容处理-hack
摘要: 大家平时看得多的应该是IE浏览器的hack写法比较多,但对于现代浏览器,比如说Safari、Chrome、Firefox等浏览器的hack写法并不多见,甚至有的不知道怎么写。如果您是属于后者,根本不知道各浏览器下具有哪些hack手段,不要着急。因为Hugo Giraudel和Tim Pietrusk
阅读全文
posted @ 2016-11-08 21:30 Heroine.z
阅读(269)
评论(0)
推荐(0)
CSS3-rgba
摘要: 语法: R:红色值。正整数 | 百分数 G:绿色值。正整数 | 百分数 B:蓝色值。正整数| 百分数 A:透明度。取值0~1之间 取值: <length> :Hue(色调)。 0(或360)表示红色,120表示绿色,240表示蓝色,当然可取其他数值来确定其它颜色; <percentage> :Sat
阅读全文
posted @ 2016-11-08 19:56 Heroine.z
阅读(166)
评论(0)
推荐(0)
CSS3-文本-word-wrap,word-break,white-space
摘要: 一、word-wrap使用: 语法: 取值说明: 1、normal为默认值,当其值为normal控制连续文本换行(允许内容顶开容器的边界,换句话说内容可以撑破容器); 2、break-word将内容在边界内换行(不截断英文单词换行,截断英文单词换行需要使用word-break:all属性),我们先来
阅读全文
posted @ 2016-11-08 11:58 Heroine.z
阅读(438)
评论(0)
推荐(0)
CSS3-文本-text-shadow
摘要: 一、text-shadow 语法: 取值: <length>:长度值,可以是负值。用来指定阴影的延伸距离。其中X Offset是水平偏移值,Y Offset是垂直偏移值 <color>:指定阴影颜色,也可以是rgba透明色 <shadow>:阴影的模糊值,不可以是负值,用来指定模糊效果的作用距离。
阅读全文
posted @ 2016-11-08 09:35 Heroine.z
阅读(314)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
9
···
15
下一页
公告