摘要: 一、什么是响应式设计 维基百科是这样对响应式作的描述:“Responsive设计简单的称为RWD,是精心提供各种设备都能浏览网页的一种设计方法,RWD能让你的网页在不同的设备中展现不同的设计风格。” 响应式布局设计要考虑到元素布局的秩序,需要满足三个条件: 网站必须建立在灵活的流体网格基础上 流体网 阅读全文
posted @ 2016-08-03 20:51 Faxine 阅读(372) 评论(0) 推荐(0) 编辑
摘要: 一、初步了解 Media Queries是CSS3新增加的一个模块功能,其最大的特点就是通过css3来查询媒体,然后调用对应的样式。 了解Media Queries之前需要了解媒体类型以及媒体特性: 可以通过媒体类型(Media Type)对不同的设备指定不同的样式,W3C总共列出了10种媒体类型 阅读全文
posted @ 2016-08-03 18:04 Faxine 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 一、介绍 keyframes被称为关键帧,其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头,后面跟着是动画名称加上一对花括号“{…}”,括号中是一些不同时间段样式规则。 语法:@keyframes animationname {keyframes-selector{cs 阅读全文
posted @ 2016-08-03 14:08 Faxine 阅读(1863) 评论(0) 推荐(0) 编辑
摘要: 一、语法 transition: property duration timing-function delay transition属性是个复合属性,她包括以下几个子属性: transition-property :规定设置过渡效果的css属性名称 transition-duration :规定完 阅读全文
posted @ 2016-08-03 00:43 Faxine 阅读(92753) 评论(1) 推荐(6) 编辑