CSS
(61)CSS Pixel V.S. Device Pixel
我一直有个疑惑:
"iPhone 从 4 到 7，屏幕的清晰度有了多次质的提升,
但是，为何在 Chrome 的 Toggle Device Toolbar 中, iPhone 设备对应的像素却基本没有提升?"
今天在看 CSS
CSS Layout
## 网页设计的两个流派
- fixed-width
- liquid 液体的、流式
responsive web design 则为第三个流派。针对不同屏幕尺寸采用不同的布局 (media query)。例如，PC 上使用 f
CSS Positioning
## absolute
- left
- right
- top
- bottom
绝对是指，相对网页的坐标系来说的。这是我最初的理解，后来在实战中 [z-index 从精通到入门 ](http://www.sunzhongw
CSS - 冲突时 Which Style Wins
CSS 冲突通常由两种情况引起
1. 继承自不同祖先的样式
2. 多个样式应用于同一个标签
对于第一种冲突，很好理解，nearest 祖先样式优先。
第二种冲突的实现很有趣，采用了打分机制。
一句话概括，即 tag
CSS Selector 之 Attribute Selector
这个从名字上就很好理解，即根据属性来选择元素。
举几个例子：
```
input[type="password"]
input[type] /* 有 type 属性的 input */
```
当然，也支持
CSS Selector 之 Pseudo-Classes & Pseudo-Elements
Pseudo-Class & Pseudo-Elements 这两个名词起的非常不友好，让人看了完全摸不着头脑。可想而知，到了国内，一定有土鳖将其翻译成“伪类”/“伪元素”。伪类。。。好吧，听上去还不如叫变态假面。
首先看一下 MDN
如何成为 CSS 大师
## 目标
将博客、网站的模板剥离出来，在 wordpress / tumblr 模板市场免费开放下载，如果有一定的用户量，说明你的功力已经得到了认可。
如果改成收费，还有人愿意使用，说明你已经成为了 CSS 大师
CSS - The Missing Manual 4th Edition
本以为是本小书，两个小时就能看完，没想到七百多页。额，挑战一下吧
作者推荐的编辑器里居然没有 VIM，印象分减一。
## div 与 span 的区别
- div 是 block，即前后会自动加上 line break
-
CSS3 动画效果
发现用 CSS3 来实现动画效果挺方便的，以下是 “大象笔记” 使用的动画效果。
```
```
## 参考
- [Using CSS animations](https://developer.mozilla.org/
关于 CSS 的 overflow
## overflow 溢出
顾名思义，在盒子模型宽高固定后，如果内容装不下，即会造成溢出。
overflow 属性有四个值：visible (默认), hidden, scroll, 和 auto。
衍生
- over