CSS 基础

.body{
    background-color:#ffffff; /*设置背景颜色*/
    background-image:url('url'); /*设置背景图片*/
    background-repeat:repeat-x; /*设置背景图片的排列方式*/
    background-attachment:fixed; /*设置背景图片的位置*/
    background-position:right top; /*设置背景图片的位置*/
}
.text{
    color:red;
    text-align:center; /*居中，左右对齐*/
    text-decoration:overline; /*文本修饰*/
    text-transform:uppercase; /*大小写转换*/
    text-indent:50px; /*文本缩进*/
}
.font{
    font-family:"Times New Roman", Times, serif; /*字体*/
    font-weight:bold; /*字体加粗*/
    font-style:italic; /*斜体*/
    font-size:40px;/*字体大小*/
}
a:link {color:#000000;}      /* 未访问链接*/
a:visited {color:#FF0000;}  /* 已访问链接 */
a:hover {color:#FFFFFF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */
.ul{
    list-style-type: circle; /*设置无序列表标志样式*/
    list-style-image: url('url'); /*设置无序列表标志样式*/
}
.ol{
    list-style-type: upper-roman; /*设置有序列表标志样式*/
}
.table{
    border: 1px solid black;
    border-collapse:collapse; /*折叠边框*/
    width:100px;
    height:50px;
    text-align:right;
    vertical-align:bottom;
    padding:15px;
    background-color:green;
}
.div{
    width: 300px;
    border: 1px solid black;
    padding: 1px;
    margin: 1px;
}
.outline{
    outline-color:red;
    outline-style:dotted;
    outline-width:1px;
}
.other{
    visibility:hidden; /*只隐藏，不改变布局*/
    display:none;/*隐藏并改变布局*/
    display:inline; /*块变行内*/
    display:block;/*行内边块*/
    position:fixed; /*定位模式 相对 绝对 相对窗口默认静态static*/
    top:30px; /*定位模式决定的属性*/
    right:5px;/*定位模式决定的属性*/
    z-index:-1; /*定位模式决定的属性*/
    float:right; /*浮动*/
    clear:both; /*清除浮动*/
}