样式表

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

<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;>隐藏不占空。

posted @ 2017-09-14 00:14  _Iniesta  阅读(136)  评论(0编辑  收藏  举报