随笔分类 - CSS3属性
摘要：```
过渡： 通过过渡transition,我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果. 要实现这一点，必须规定两项内容：1.规定希望把效果添加到哪个 CSS 属性上，2.规定效果的时长
```
```
1.语法：
transition: property duration timing-function delay;...
阅读全文
摘要：``` 渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。可分为线性渐变、径向渐变 ``` ``` 1.linear-gradient线性渐变指沿着某条直线朝一个方向产生渐变效果 a)语法： linear-gradient( [ || ,]? , [, ]* ) b)参数说明： 第一个参数表示线性渐变的...
阅读全文
摘要：```
1.在默认情况下，CSS设置的盒子宽度仅仅是内容区的宽度，而非盒子的宽度。同样，高度类似。真正盒子的宽度（在页面呈现出来的宽度）和高度，需要加上一些其它的属性。例如：
a)padding + border + width = 盒子的宽度
b)padding + border + height = 盒子的高度
很明显，这不直观，很容易出错，造成网页中其它元素的错位。
2. CSS3中可以通过...
阅读全文
摘要：``` 安卓机器人 ``` 
阅读全文
摘要：``` /* div{ width: 200px; height: 200px; background-color: orange; margin:100px auto; !*添加边框阴影*! box-shadow: -10px 10px 5...
阅读全文
摘要：text shadow还没有出现时，大家在网页设计中阴影一般都是用photoshop做成图片，现在有了css3可以直接使用text shadow属性来指定阴影。这个属性可以有两个作用，产生阴影和模糊主体。这样在不使用图片时能给文字增加质感
阅读全文
摘要：``` HTML5中添加了一些新的颜色的表示方式 1.RGBA：说得简单一点就是在RGB的基础上加进了一个通道Alpha。RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数，取值在0~1之间，不可为负...
阅读全文
摘要：``` a)之前学习的：a:hover a:link a:active a:visited b)以某元素相对于其父元素或兄弟元素的位置来获取无素的结构伪类 f)E:first-child:查找E这个元素的父元素的第一个子元素E g)E:last-child:最后一个子元素 h)E:nth-child(n): 第n个子元素，计算方法是E元素的全部兄弟元素 i)E:nth-last-child(...
阅读全文
摘要：下面是页面渲染效果:
阅读全文
摘要：```
简介:
如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷 动画 圆角 阴影 边框图片 …
Css当js用
Js当后台语言用
```
```
CSS3现状：
1、浏览器支持程度差，需要添加私有前缀(移动端)
a)requestFullScreen
b)webkitRequ...
阅读全文
浙公网安备 33010602011771号