2016年3月27日

使用media query 来实现响应式设计

摘要: 你的网页在手机上显示效果可以在电脑上一样好看。完成这个任务的奥秘被称为响应式设计,媒体查询(media query)是实现网页响应的关键。 在电脑上一个例子: css样式: 这个在电脑上显示,是正常的,在一定设备上布局并不是我们期望的。 Media query 在css外部设置应用相应样式的条件。有 阅读全文

posted @ 2016-03-27 11:53 爱拼才有钱 阅读(1578) 评论(0) 推荐(0) 编辑

不改变透明度来让元素显的透明

摘要: 不透明度(opacity)属性可以让元素显得透明,这样使用会有负面的影响,尤其是在嵌套元素里。css3解决这个问题。 .opacity{ opacity:.5; } 每个包含在opacity类内的子元素都会有50%的不透明度。这样继承性是我们无法改变和重设的。 这个例子中,文字的不透明度会被渲染为. 阅读全文

posted @ 2016-03-27 11:03 爱拼才有钱 阅读(154) 评论(0) 推荐(0) 编辑

导航