文章分类 -  CSS&CSS3

使用媒体查询方法来定义网页字体大小
摘要：@media only screen and (max-width: 414px) { p{font-size: 16px; } .stitle_zt p{font-size: 10px; } } @media only screen and (min-width: 415px) and (max- 阅读全文
posted @ 2018-01-02 11:49 紫云传芳 阅读(930) 评论(0) 推荐(0)
CSS选择器
摘要：选择器例子例子描述CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素。 1 element,element 阅读全文
posted @ 2017-12-30 11:43 紫云传芳 阅读(85) 评论(0) 推荐(0)
CSS3实现表格隔行/隔列变色
摘要：首先让我们看下样式代码： 然后就是完整的代码： 最后就是样式的展示： 阅读全文
posted @ 2017-12-30 10:51 紫云传芳 阅读(2310) 评论(0) 推荐(0)
css3通过scale()、rotate()实现放大、旋转
摘要：css3通过scale()实现放大功能、通过rotate()实现旋转功能，下面有个示例，大家可以参考下 通过scale()实现放大功能 通过rotate()实现旋转功能 而transition则可设置元素变化所需的时间 html中的结构代码: css3样式： 你好！！！ 你坏！！ 你变态！ 阅读全文
posted @ 2017-12-29 16:40 紫云传芳 阅读(367) 评论(0) 推荐(0)
CSS3阴影 box-shadow的使用和技巧总结
摘要：text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色} box-shadow属 阅读全文
posted @ 2017-12-29 15:49 紫云传芳 阅读(219) 评论(0) 推荐(0)
CSS3之Transition（变换过渡）
摘要：Transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值，它的语法如下： transition-property 可取值： none没有属性会获得过渡效果。 all所有属性都将获得过渡效果 阅读全文
posted @ 2017-12-29 15:10 紫云传芳 阅读(478) 评论(0) 推荐(0)