font-family;font-size:100%
text-align:center;
text-shadow: 5px 5px 5px #FF0000;
vertical-align:middle;
line-height
text-indent:50px;
a:link\a:visited\a:hover\a:active

background-color
background-image
background-repeat
background-attachment
background-position

content
padding:10px;
border:5px solid gray;
margin:10px;
padding-bottom:25px;
width="250" height="250"
border-radius/box-shadow/border-image

 

display:inline;
display:block;
隐藏display:none/visibility:hidden;
溢出隐藏overflow:hidden;

position:fixed;relative;absolute;
z-index:-1;

float:right;
clear:both;

透明度
opacity:0.4;/filter:alpha(opacity=40);

线性渐变background: linear-gradient(to right,red, blue);
径向渐变background: radial-gradient(red, green, blue);

动画:
@keyframes myfirst { from {background: red;} to {background: yellow;} }

div { animation: myfirst 5s; }

多列:
column-count/column-gap/column-rule

选择元素table tr:nth-child(3) td:nth-child(2)

Media样式
@media screen and (min-width:1000px){宽度大于1000样式}
@media screen and (min-width:640px) and (max-width:999px){宽度大于640小于999的样式}
@media screen and (max-width:639px){宽度在639以下样式}