Flex布局兼容写法
一.W3C各个版本的flex
2009 version
标志:display: box; or a property that is box-{*} (eg. box-pack)
2011 version
标志:display: flexbox; or the flex() function or flex-pack property
2012 version
[阅读全文]
CSS选择器的浏览器支持
CSS1
CSS2
CSS 3
:hover 在IE6中只有a元素可用。
E:empty 貌似在webkit核心浏览器中有些小bug。
如果这个bug依然存在,不太确定如何测试。
IE6不支持.class1{}.class2{}双类选择器。
I [阅读全文]
CSS书写规范及顺序
CSS书写规范及顺序
CSS书写顺序
1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, borde [阅读全文]
很全base全局样式
@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,filedset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing [阅读全文]
(转)CSS3 @font-face
http://www.fontsquirrel.com/fontface
@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶 [阅读全文]
-webkit-appearance —— webkit外观样式属性
-webkit-appearance 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。
最近认真看了一下文档,-webkit-appearance是用来改变按钮和其他控件的外观,使其外观类似于原生控件。
关于这个属性以前写过 解决iOS下无法正常渲染按钮的问题 ,问题产生的原因是,iOS下的saf [阅读全文]
纯CSS3打造动感漂亮时尚的扇形菜单
扇形菜单想必大家对它并不陌生吧,本文为大家介绍下如何使用纯CSS3打造动感漂亮的扇形菜单,感兴趣的朋友可以学习下
纯CSS3打造动感漂亮的扇形菜单
*{margin:0px;padding:0px;}
body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;}
.ti [阅读全文]
CSS3背景渐变,兼容IE
IE下使用滤镜的方法背景渐变
div{
background:#a9a9a9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#838383');
background: linear-gradient(top, #a9a9a9, #8383 [阅读全文]