内容

content

用来和:after及:before伪元素一起使用，在对象前或后显示内容。

阅读全文 »

元素选择符

通配选择符 *

选定所有的对象,出于性能考虑通常不建议使用因为会命中文档中所有的元素

1
2
3

* {
  rule
}

修饰器（装饰器，注解）

1.类的修饰

1
2
3
4
5
6
7
8
9
10

@testable
class MyTestableClass {
  // ...
}

function testable(target) {
  target.isTestable = true;
}

MyTestableClass.isTestable // true

React 生命周期

公式抽象

UI=render(data)

1. 用户看到片的界面（UI），应该是一个纯函数（render）的执行结果,只接受数据（data）作为参数。
2. 存函数的输出完全依赖于输入的函数，两次函数条用如果输入相同，得到的结果也绝对相同。
   阅读全文 »

颜色 color

检索或设置对象的文本颜色。无默认值
默认值：由user agent决定

适用于：所有元素

继承性：有

动画性：是

计算值：指定值

取值: color：指定颜色

参考链接：

• css.doyoe.com
• css2.1中文版
• MDN

一.text-transform

text-transform 属性指定如何将元素的文本进行大小写变形。它可以用于使文本显示为全大写或全小写，也可单独对每一个单词进行操作。

line-height 爱我你怕了吗

边框

border

定义元素边框的外观特性

1	border：<line-width> || <line-style> || <color>

尺寸

Dimension用于控制元素的高度和宽度，包含属性有width、height、min-width、max-height、max-width、max-height;

table-layout:

• fixed : 固定布局

• auto： 自动算法

border-collapse:

• collapse: 相邻边框合并

• separate: 边框独立

border-spacing:

• 只在boder-collapse为 separate的情况下有效果
• 复合属性，横向相邻和纵向相邻分开设置：border-spacing：10px 20px

• IE6/7无效，兼容方式<table border="1" cellspacing="20">

caption-side:

• caption的位置
• 取值 top bottom

• left right (只有Firefox支持)

empty-cells:

• 取值 hide show
• 单元格没值时，隐藏边框

• 只在boder-collapse为 separate的情况下有效果