css层叠样式表

h-shadow 必须，水平阴影的位置，允许负值

v-shadow 必选，垂直阴影的位置，允许负值

blur 可选，模糊距离

spread  可选，阴影的尺寸

color  可选。阴影的颜色

inset  可选，将外部阴影（outset）改为内部阴影

length  定义圆角形状

% 圆角形状

有固定的高度与宽度，就可以设置50%，就是正圆

border-image-source  边框的图片路径

border-image-slice  图片边框向内偏移

border-image-width  边框的宽度

border-image-outset  图像区域超出边框的量

border-image-repeat  边框是否平铺(repeated)、铺满(rounded)、拉伸(stretched)

px  % 只设一个值，第二个值默认auto

cover  背景扩展至足够大，背景完全覆盖背景区域

contain  最大尺寸，宽度与高度完全适应内容区域

padding-box 背景图像相对于内边距框来定位

border-box 图像相对于边框盒来定位

content-box 图像相对于内容框来定位

border-box  背景被裁剪到边框盒

padding-box 背景被裁剪到内边框

content-box  背景被裁减到内容框

文本阴影

h-shadow  必需，水平，可负值

v-shadow  必需，垂直，可负值

blur 可，模糊的距离

color 可，阴影的颜色

word-wrap:break-word 允许对长单词进行拆分，并换行到下一行

normal  只在允许的段字点换行

规定标点符是否位于线框之外

是否对标点字符进行修剪

设置如何对齐最后一行或紧挨着强制换行符之前的行

向元素的文本应用重点标记以及重点标记的前景色

auto  浏览器决定齐行算法

none  禁用齐行

inter-word 增加、减少担此间的间距

inter-ideograph  用表意文本来排齐内容

inter-cluster 只对不包含内部单词间隔的内容

distribute  类似报纸版面

kashida  通过拉伸字符来排齐内容

文本的轮廓

thickness  必需，轮廓的粗细

blur 可，轮廓的模糊半径

color 必需，轮廓的颜色

文本的换行规则

normal 允许的换行点进行换行

none  不换行，元素无法容纳的文本会溢出

unrestricted  在任意两个字符间切换

suppress  压缩元素中的换行

当文本一处包含元素是发生的事情

clip  修剪文本

ellipsis  省略符号来代表被修剪的文本

string  给定的字符串来代表被修剪的文本

规定非中日韩文本的换行规则

normal  浏览器默认的换行规则

break-all 允许在单词内换行

keep-all  只能在半角空格或连子符出换行

kephenate  在恰当的段子点进行换行

元素从其当前位置移动，根基给定的left（x坐标）和top（y坐标）位置参数

元素顺时针旋转给定的角度，允许负值，元素将逆时针旋转

元素的尺寸会增加或减少，根据给定的宽度（x轴）和高度（y轴）

元素翻转给定的角度，根据给的水平线（x轴）和垂直线（y轴）

定义2D转换，所有的元素组合在一起，旋转、缩放、移动、倾斜元素

定义3D转换，使用16个值

transform:rotate(45deg);  transform-origin:20%  40%;

chrome 和 safari -webkit-

ie9 -ms-

opear  -o-

firefox  -moz-

linear  规定以相同的速度开始至结束的过渡效果

ease  慢速开始，然后变快，然后慢速结束的过渡效果

ease-in  以慢速开始的过渡效果

ease-in-out  以慢速开始和结束的过渡效果

cubic-bezier(n,n,n,n)  函数中定义自己的值，可能的值是0至1之间的数值

@keyframes animationname{keyframes-selector{css-style;}}

animation 必须。定义动画名称

keyframes-selector 必须，动画时长的百分比

css-style必须，一个或多个合法的css样式属性

-moz-column-count:3; 把一段文本平均分为三列

规定列之间的间隔

设置列之间的宽度，样式和颜色

如何填充列

元素应该横跨的列数

列的宽度

-width  -count  的简写形式

是否可由用户对元素的尺寸进行调整

属性允许您以确切的方式定义适应某个区域的具体内容。

属性对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓

元素设置为标准用户界面元素的外观

作者提供使用图标化等价物来设置元素样式的能力

导航键时向何处导航

通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。

li strong{}

后代选择器可以选择作为某元素后代的元素。

h1 em {color:red;}

与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。

h1 > strong {color:red;}

table.company td > p

相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。

h1 + p {margin-top:50px;}

只能在文档中使用一次

不能使用id词列表

id能包含更多含义

区分大小写

属性与属性值必须完全匹配

[abc^="def"]  选择abc属性值已“def”开头的所有元素

[abc$="def] 选择abc属性值已“def”结尾的所有元素

[abc*="abc]选择abc属性值中包含子串“def”的所有元素

对带有指定属性的 HTML 元素设置样式。

[attribute]

[attribute=value]

[attribute~=value]

[attribute |= value]

[arrribute^=value]

[arrtibute &= value]

[attribute *= vlaue]

html{..},p{...},h1等

h2,p{...}

*{...}

p.important{...}

超链接

超链接-：focus

:first-child(首个子对象)

:last-child(最后的对象)

:lang(语言)

:first-line伪元素

:first-letter

:before

:after

:first-of-type

:only-of-type

:only-child 

:nth-child(2)

:root

:empty

:disabled

:checked

:not(selector)

::selection

<link rel="stylesheet" type="text/css" href="##"/>

<style type="text/css">...</style>

<p style="..."></p>

h3{...}

背景色  background-color: 

背景图像 background-image:

背景重复  background-repeat

背景定位  background-position

text-indent 第一行都可以缩进一个给定长度，甚至是负值（像素、百分比）

text-align 元素中的文本行互相之间的对齐方式

word-spacing  字间距

letter-spacing 字母间距

letter-transform  字符转换

text-decoration 文本装饰

white-space 处理空白符

direction  文本方向

line-height 设置行高

/*font-family: serif;*/ /*类似于宋体*/
font-family: sans-serif; /*类似于微软雅黑 默认字体*/
/*font-family: monospace;*/ /*有棱角*/
/*font-family: cursive;*/ /*字体圆润*/
/*font-family: fantasy;*/ /*圆润 英文粗体*/

字体风格 font-style

字体变形 font-variant

字体加粗 font-weight

字体大小 font-size

a:link  普通的，未被访问的

a:visited  用户已访问

a:hover  鼠标指针位于连接上方

a:active  连接被惦记的时刻

list-style-type

list-style-image

list-style-position

文本对齐

border-collapse  表格合并为单一的边框

border-spacing  分割单元格边框的距离

caption-side  表格标题的位置

empty-cells  是否显示表格中的空单元格

talbe-layout  显示单元、行和列的算法

outline  绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

CSS outline 属性规定元素轮廓的样式、颜色和宽度。

outline

outline-color

outline-style

outline-width

外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。

合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 

static  没有定位

relative  相对定位

absolute  绝对定位

fixed  固定定位

block 块级元素

inline  默认，内联元素

inline-block 行内块元素

list-item  列表显示

run-in  根据上下文作为块级元素或内联元素

compact  

marker

table 块级表格来显示

inline-table  内联表格来显示

table-row-group  一个或多个行的分组来显示  tbody

table-header-group  一个或多个行的分组来显示 thead

table-footer-group 一个或多个行的分组来显示 tfoot

table-row  一个表格行来显示 tr

table-column-group  一个或多个列的分组来显示 colgroup

table-column  一个单元格来显示 col

table-cell  一个单元格来显示  td  th

table-caption  表格标题  caption

inherit

left  左浮动

right  右浮动

none  默认，不浮动

inherit  继承

clear 清理浮动

visible 默认值，不会被修建

hidden  被修剪

scroll  滚动条

auto  自动显示

clip 属性剪裁绝对定位元素

vertical-align  垂直对齐方式

z-index 堆叠顺序

元素的高度

设置行高

最大高度

最大宽度

最小高度

最大高度

宽度

%  百分比

in  英寸

cm  厘米

mm  毫米

em  等于当前的字体尺寸

ex  一个ex是一个字体的x-height.

pt  磅（1pt等于1/72英寸）

pc  12点活字（1pc等于12点）

px  像素

清理浮动

指向某元素之上显示的指针类型

是否及如何显示元素

浮动

定位

元素是否可见或不可见

opacity:0.4

filter:alpha(opacity=40)