常用不好记的命令：

时间：2017-11-21 13:24:10 收藏：0 阅读：207

文字设置

font-family:"微软雅黑"

text-indent:2em;(文字缩进)

font-weight: bold(粗体) normal (正常的字体)

text-transform: uppercase; 大写

letter-spacing:15px; 文字间距

font-style: normal (正常的字体) italic ( 斜体)

text-transform: uppercase; 大写字母

text-decoration:underline 下划线

强制不换行 :white-space: nowrap;

自动换行word-wrap: break-word; word-break: normal;

单行省略

　　white-space: nowrap;

　　-ms-text-overflow: ellipsis;
　　text-overflow: ellipsis;

多行行数省略

　　overflow : hidden;

　　display: -webkit-box;

　　-ms-text-overflow: ellipsis;

　　text-overflow: ellipsis;

　　-webkit-line-clamp: 3;

　　-webkit-box-orient: vertical;

  空格

伪类

　　:before :after

　　content:"";

常用css3命令

border-radius：圆角

透明度：opacity: .4;

filter: alpha(opacity=40);

取消默认样式

appearance:none;

-moz-appearance:none;

-webkit-appearance:none;

杂项

dotted : 　为点线。
dashed : 　为虚线。

cursor: pointer; 手指显示

背景透明

background-color:transparent;

显示上下滚动条的css代码

overflow-y:scroll

nth-child(3n){} 父元素的每隔3个之元素进行操作。

buttom 点击时去掉框

outline:none;

input{outline:0;}

两端对齐

text-align:justify;

text-justify:distribute-all-lines;/*ie6-8*/

text-align-last:justify;/* ie9*/

-moz-text-align-last:justify;/*ff*/

-webkit-text-align-last:justify;/*chrome 20+*/

圆点

list-style：ulr()

disc : 　CSS1　实心圆
circle : 　CSS1　空心圆
square : 　CSS1　实心方块
decimal : 　CSS1　阿拉伯数字
lower-roman : 　CSS1　小写罗马数字
upper-roman : 　CSS1　大写罗马数字
lower-alpha : 　CSS1　小写英文字母
upper-alpha : 　CSS1　大写英文字母
none : 　CSS1　不使用项目符号

原文：http://www.cnblogs.com/foxbat19/p/7872164.html