样式表

对于样式表来说理解并不难，难点就在于这些表示各种东西的代码。

<border: 2px solid black;>=边框的边框为2像素，实线，黑色。

<background-image: url(1.jpg);>=背景图选用1.jpg这张图。

<background-color: rgba(255,0,0,0.5)>背景色为rgba(255,0,0,0.5)。

<font-family: "楷体";>字体类型为楷体。

<font-size: 10px;>字体大小为10像素。

<font-style: italic;>字体样式为斜体。

<font-weight: bold;>字体加粗。

<text-decoration: line-through;>文字样式下划线，上划线，删除线样式。

<del>在body内，文字添加删除线。</del>

<color>字体颜色。

<text-align: center;>字体水平居中。

<line-height: 35px;>按照样式表的高度设置垂直位置，像素取决于样式表的高度。

< border-radius: 7px;>圆角，角度取决于像素。

<opacity: 0.5;>透明度。

<transition: 6s;>鼠标指向时过渡效果所需的时间。

<margin(top,right，below，left): 0px;

padding: 0px;>设置边框的像素值，不舍只时默认为8。

<z-index: 5;>指数越高优先级越高。

<display: none;>效果为没有任何效果。

<overflow: scroll;>超出部分,变为滚动条。

<list-style: none;>有序、无序列表隐藏前面序列。

<list-style-image: url(img/123.jpg);>有序无序列表前边的序列换为较小像素图片。

<vertical-align:middle>仅在表格内使用，居中。

<opactiy>:会使整个div变为半透明。

<box-shadow>整体样式阴影。

<text-shadow>文字阴影。

<display: none;>隐藏，占空。

<visibility: hidden;>隐藏不占空。