css代码整理

width：（宽度）

height：（高度）

border：1px solid red；（边框 ：边框粗细 显示 颜色）

border-radius：10deg；（边框变圆角）

box-shadow：10px 10px 10px red；（div盒子阴影：右侧阴影10px，下侧阴影10px，淡化拉伸阴影10px，阴影颜色；为负值时位置相反）

background-color：（背景颜色）

background-image：url（）（背景图片）

background-size：（背景尺寸）

background-repeat：no repeat（背景平铺：不平铺）

background-position: top / bottom / left/ right;（背景位置：上下左右）

color：（字体颜色）

font-size：（字体尺寸大小）

font-style：（字体格式）

font-weight：（字体宽度）

font-decoration：underline（字体标注：下划线）

text-align：（字体水平位置）

display：table-cell；（字体垂

vertical-align：     ；直位置）

<p style=“text-indent：40em；”>（字体首行缩进：40em     1em等于两个字符宽度）

——————————————————————————————————————————————————————————————————————

*{         （页面格式化）

margin：0 auto；

padding： 0；

}

——————————————————————————————————————————————————————————————————————

.class{                                         （对上面的

clear:both;                          浮动格式

}                                                     的影响进

<div class="clear"> </div>             行清除）

——————————————————————————————————————————————————————————————————————

div：hover{                                                 （当鼠标放上时

cursor：pointer；                         变小手

background-img：url（）             更换背景图片

}

——————————————————————————————————————————————————————————————————————

<ol>                        （有                                  <ul>                    （无

<li></li>              序                                        <li></li>            序

<li></li>              列                                        <li></li>            列

</ol>                          表）                               <ul>                       表）

——————————————————————————————————————————————————————————————————————

div{

animation：name    5s   infinite    alternate；    （ 动画：名称；运行一遍所需时间；循环播放；交互播放）

}

@keyframes name{

0%{    }          （运行至0%时div的样式）

50%{    }        （运行至50%时div的样式）

100%{    }      （运行至100%时div的样式）

}

——————————————————————————————————————————————————————————————————————