27个web前端兼容性及经验汇总
爱前端网 - Yang 发布于 2016-12-15
1.浮动时,父级元素无法撑开 解决方案: 全局增加样式 .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1} 父级...
阅读(2069)赞 (0)
爱前端网 - Yang 发布于 2016-12-15
1.浮动时,父级元素无法撑开 解决方案: 全局增加样式 .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1} 父级...
阅读(2069)赞 (0)
爱前端网 - Yang 发布于 2016-06-23
1.reset.css: html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blo...
阅读(2062)赞 (1)
爱前端网 - Yang 发布于 2016-06-02
Material Design Lite简介 本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。 一、设计语言 github项目地址:https://github.com/google/material-design-lite 随堂练习代码地址:...
阅读(1878)赞 (0)
爱前端网 - Yang 发布于 2015-10-13
下面这些CSS高级技巧,一般人我可不告诉他哦。 使用 :not() 在菜单上应用/取消应用边框 给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的 nth-child 选择项目 对图标使用SVG 优化显示文本 对纯CSS滑块使用 max-height 继承 box-...
阅读(2664)赞 (0)
爱前端网 - Yang 发布于 2015-06-05
这里收集了30个非常有用的CSS代码片段,非常值得大家去收藏,以备不时之需。 1、创建跨浏览器的图像灰度 如何将图片制作为灰度图片,而且在所有的浏览器中都表现一致呢?答案是结合使用svg和filter过滤器。 <svg xmlns=”http://www.w3....
阅读(2287)赞 (0)