cssfun
cssfun copied to clipboard
simaQ
css
译：Emma (https://github.com/simaQ) 【如有雷同纯属巧合；如要转载，请注明出处(虽然概率接近于0)】 注： 原文链接 [7 CSS Units You Might Not Know About](http://webdesign.tutsplus.com/articles/7-css-units-you-might-not-know-about--cms-22573) 众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。 随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。 这就意味着有那么些个特别的货，虽然平常都不怎么会用上，但是一旦某个地方需要它们了，他们就真的是特么得合适不过来了呢。 今儿，我就准备向大伙儿介绍一些你们之前可能很少见过CSS家伙们。他们每个都是度量的单位，类似`pixel` 和 `em` 这样的，但是很有可能你之前从来就没听过这些家伙们！就让我们一起来交个朋友吧~ ### rem 我们首先介绍下和我们熟悉的很相似的货。`em` 被定义为相对于当前对象内文本的字体大小。炒个栗子，如果你给body小哥设置了font-size字体大小，那么body小哥的任何子元素的1em就是等于body设置的font-size。 ``` html Test ``` ``` css...
总结一些DIV居中的方法
总结下使DIV居中的不同方法。 #### 1.:+1:the better method: 可参考[How to Center Anything With CSS](http://designshack.net/articles/css/how-to-center-anything-with-css) :clap::clap::clap: 1. 重要： 先对元素 **设置高度** 2. 运用以下规则 ``` CSS position: absolute; margin: auto; top: 0; left: 0; right: 0;...
项目中发现 textarea 底部总会都 5px 左右的padding，修复方法 textarea { vertical-align: bottom; } 使用 display: block; 也行。。。 研究下
### 问题  ### Solution ``` css ::-ms-clear { display: none; } ::-ms-reveal { display: none; } ``` see more: - http://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs - http://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx
see solution at https://css-tricks.com/fighting-the-space-between-inline-block-elements/
原文地址： [Intro to css 3D transforms](http://desandro.github.io/3dtransforms/) **前言**： 作者的这个introduction已经写了有好几年了，我今年(而且今年都快过去了)才看到...果真是渣渣...那句话，人丑朋友又少真的是要多读书。不过我觉得我还是得厚着大脸皮敲下去... ### 三维世界的坐标系 文章开始之前先来张坐标系图好让大家有个3D概念  ### 透视，perspective属性 为了激活3D属性，需要对元素声明`perspective`属性。有两种声明的方式： 1. 作为属性transform的值和transform一起声明，就同如下代码一样 ``` css transform: perspective( 600px ); ``` 2. 直接使用 perspective属性 声明 ``` css...