随笔分类 - css
display:flex 的弹性盒子中,flex-grow:2 不生效的解决方法
摘要:在使用 display:flex 的弹性盒子时,用到flex-grow:2 时不生效,只需在flex-grow:2 的前面增加一行css: width:0 即可 <div style="display:flex;"> <div style="width:0;flex-grow:2"></div> <
阅读全文
解决float:left float:right 时,窗口变小时,right部分掉到下一行的问题
摘要:解决方法很简单: 如下: <div style="min-width:1050px"> <div style="float:left;width:500px;"></div> <div style="float:right;width:500px;"></div> </div> 只需在最外层的div
阅读全文
input type="color"属性
摘要:当input中的type="color" 时,设置默认属性 value="#fff" 显示的默认颜色还是为黑色, 当设置为#ffffff 时,显示为白色 浏览器:chrome 版本 56.0.2924.87
阅读全文
关于使用rem的注意事项
摘要:此文是参阅杜瑶大神的博客 https://github.com/doyoe/trip#user-content-active 1.Chrome及后来加入Webkit阵营的Opera都不支持页面字号小于12px,如果希望你的程序足够安全,尽量不要定义小于12px的字号 2.chrome中body使用r
阅读全文
css内容规划
摘要:文章出处:张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]本文地址:http://www.zhangxinxu.com/wordpress/?p=944 关于如何处理网站的CSS,各个网站做法都不一样,这随着网站的性质及大小不同,公司前人留下的规范不同,以及CSS工程师的
阅读全文
解决单/复选框与12px的文字不对齐的方法
摘要:在此贴上借鉴的网址:http://www.zhangxinxu.com/wordpress/2009/08/%E5%A4%8D%E9%80%89%E6%A1%86%E6%88%96%E5%8D%95%E9%80%89%E6%A1%86%E4%B8%8E%E6%96%87%E5%AD%97%E5%AF
阅读全文
网上找的有关css兼容问题
摘要:整理了些网络收集的有关兼容性的问题,原作者不详(侵删),之前面试的时候也经常被问,泛泛而问,泛泛而答,其实个人感觉:提出兼容性问题,结合自己在开发中遇到这个问题的时候,解决办法,大致说两三个问题就差不多了,最后补充说还有一些其他问题,然后就可以把下文中有关IE兼容性的总结说出来。 ##不同浏览器的标
阅读全文
第一个Li没有其余Li的样式的解决方案 css3
摘要:例: <h2>面包屑导航</h2><ul class="breadcrumb"> <li><a href="#">首页 </a></li> <li><a href="#">前端 </a></li> <li><a href="#">HTML 教程 </a></li> <li>HTML 段落</li><
阅读全文
css3 动画
摘要:语法 必需。动画时长的百分比。 合法的值: 0-100% from(与 0% 相同) to(与 100% 相同) from(0%)-to(100%)的用法: .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animat
阅读全文
浙公网安备 33010602011771号