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以下样式}