文章分类 -  CSS

用css3 media 实现响应式布局
摘要：响应式布局，说直白点就是一个网站能够兼容多个终端，可以按不同的分辨率显示不同的状态。而实现这个就要用到css3的Media Queries（媒介查询）。这个功能非常的强大，但是有优点的同时，缺点也是会存在的。那就是兼容各种设备工作量大，效率低下，加载时间长等。但是学起来很容易，看完下面的代码你就会了... 阅读全文
posted @ 2015-11-13 14:02 醉孟子 阅读(169) 评论(0) 推荐(0)
css去除webkit内核的默认样式
摘要：-webkit-appearance:none //去除默认样在按钮和select样式里加入上面cssnput{ background:#FF9933; border-radius:5px; color:#fff; padding:3px 20px; -webkit-appearance:none;... 阅读全文
posted @ 2015-11-13 13:57 醉孟子 阅读(257) 评论(0) 推荐(0)
hr 是线条兼容所有浏览器
摘要：hr { height:0px; border-top:1px solid #f8d4c6; border-right:0px; border-bottom:0px; border-left:0px; } 阅读全文
posted @ 2015-10-24 11:02 醉孟子 阅读(118) 评论(0) 推荐(0)