样式表

标签：设置   不难   rgb   隐藏   family   高度   文字   垂直   表示   

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

<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;>文字中间穿过横线样式。

<color>字体颜色。

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

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

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

<opacity: 0.5;>透明度。

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

<margin: 0px;

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

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

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

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

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

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

样式表

标签：设置   不难   rgb   隐藏   family   高度   文字   垂直   表示   

原文地址：http://www.cnblogs.com/xinchenhui/p/7518502.html