摘要: 1.NOT位运算符NOT由~表示.NOT运算符的实质是对数字求负,然后减1.位运算符NOT是三步的处理过程.a.把运算符转换成32位数字b.把二进制形式转换成它的二进制反码c.把二进制反码转换成浮点数例子: var num=10; document.write(~num)... 阅读全文
posted @ 2015-03-01 23:32 玉麒麟 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 实例动画step1:改变字体颜色雨打浮萍h1 a{ color:#03c; text-decoration:none; -webkit-transition:color .5s ease-in-out; -moz-transition:color .5s ease-in-out; -o-transi... 阅读全文
posted @ 2015-02-07 22:52 玉麒麟 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 一、transition语法:transition:[||||||||||||||]transition主要包含四个属性值:执行变换的属性transition-property,变换延续的时间transition-duration,在延续的时间段内,变换的速率变化transition-timing-... 阅读全文
posted @ 2015-02-05 00:48 玉麒麟 阅读(152) 评论(0) 推荐(0) 编辑
摘要: transform:该属性设置HTML组件横向上移动tx距离,纵向上移动ty距离。其中ty参数可以省略,如果省略ty参数,则ty默认为0translate(tx,ty):该函数设置HTML组件横向上移动tx个距离,纵向上移动ty距离。translateX:该函数设置HTML组件横向上移动tx个距离。... 阅读全文
posted @ 2015-01-25 23:35 玉麒麟 阅读(146) 评论(0) 推荐(0) 编辑
摘要: -webkit-box-orientbox-orient属性用于设置盒模型内部元素的排列方式,详细如下:inline-axis:从左向右排列(默认值)horizontal:水平排列vertical:垂直排列block-axis:从上向下排列-webkit-box-sizingbox-sizing属性... 阅读全文
posted @ 2015-01-16 00:19 玉麒麟 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 1.大小相关属性1.1 CSS3新增的box-sizing属性box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: padding-box; -moz-box-sizing: padding-box;box-sizing:... 阅读全文
posted @ 2015-01-15 00:08 玉麒麟 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 背景background : background-color || background-image || background-repeat || background-attachment || background-position 默认值为:transparent none repeat ... 阅读全文
posted @ 2015-01-09 00:22 玉麒麟 阅读(130) 评论(0) 推荐(0) 编辑
摘要: border :基本语法border: border-width || border-style || border-color 默认值为: medium none 。border-color 的默认值将采用文本颜色相关属性:border-top,border-left,border-right,b... 阅读全文
posted @ 2015-01-07 00:05 玉麒麟 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 1、使用服务器字体使用服务器字体非常简单,只要使用@font-face定义服务器字体即可。格式如下: @font-face{ font-family:name;src:url(url) format(font-format); }到目前为止,服务器字体还只支持TrueType格式和OpenType格... 阅读全文
posted @ 2015-01-05 23:19 玉麒麟 阅读(1473) 评论(0) 推荐(0) 编辑
摘要: 一、动态伪类动态伪类,因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来,动态伪类包含两种,第一种是我们在链接中常看到的锚点伪类,如":link",":visited";另外一种被称作用户行为伪类,如“:hover”,":active"和":focus"。 对于:hover在... 阅读全文
posted @ 2014-12-30 23:42 玉麒麟 阅读(144) 评论(0) 推荐(0) 编辑