CSS盒子

标准（W3C）盒子模型：width = 内容宽度(content) + border + padding + margin

IE6盒子模型： width = 内容宽度(content + border + padding)+ margin

CSS定位

使用position属性来定位元素

属性值：

absolute：生成绝对定位的元素
fixed：生成固定定位的元素
relative：生成相对定位的元素
static：默认值。没有定位

禁止复制

-webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

鼠标变手指

cursor:pointer;

更改方向

transform: rotate(-90deg)

一行文本超出...

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文本超出显示...

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

三角透明 transparent

border-right: 200px solid transparent;

切角样式

clip-path: polygon(0 20px, 100% 0, 100% 100%, 0 100%);

css常用样式