Jack Chang
Jack Chang
译：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...
平行坐标是信息可视化的一种重要技术。 为了克服传统的笛卡尔直角坐标 系容易耗尽空间、 难以表达三维以上数据的问题，平行坐标将高维数据的各个 变量用一系列相互平行的坐标轴表示， 变量值对应轴上位置。 为了反映变化趋 势和各个变量间相互关系，往往将描述不同变量的各点连接成折线。 所以平行 坐标图的实质是将多维欧式空间的一个点 Xi(xi1,xi2,…,xim) 映射到 2 维平面上的一条曲线。平行坐标图可以表示超高维数据。
学习笔记1
可视化包括： - 可视化空间 - 标记（数据属性的映射） - 视觉通道（数据属性值的映射） 数据的类型： - 类别型 - 有序型（时间） - 数值型 直方图和条形图的区别： 直方图的条于条之间无间隔，而条状图有间隔，在条状图中横轴上的数据是一个孤立的具体数据，而直方图中横轴上的数据为一个连续的区间，条状图用条形的高度表示统计值，而直方图用条形的面积表示统计值。 #### 单变量数据 - 数据轨迹图 - 抖动图 - 核密度估计图 - 柱状图 - 直方图 - 饼图...
- [ ] I have searched the [issues](https://github.com/antvis/g2/issues) of this repository and believe that this is not a duplicate. ### Reproduction link [https://riddle.alibaba-inc.com/riddles/976a87a3](https://riddle.alibaba-inc.com/riddles/976a87a3) ### Steps to reproduce https://riddle.alibaba-inc.com/riddles/976a87a3 | Environment...