DIV+CSS基础代码学习

以下是DIV+CSS中的一些基础代码，想要学好制作网页基础就必须要熟练掌握以下代码并且学习SEO优化必须要掌握DIV+CSS，因为比较深层的SEO需要修改网站结构这个时候它就起到很大作用了，这都是基础中的基础。针对背景文字样式排版很有用。当然如果先有一定的HTML基础，再学这个就比较简单了，如果英语好就更容易。这些代码都放在<style></style>里面的。

body{

 background-image: url(图片名称); /* 设置页面整体背景图片 */

 background-repeat: repeat-x; /*设置页面背景图片横向重复*/

 background-color: #E4EDF6; /* 设置页面整体背景颜色 */

 background-position: left top; /* 设置页面整体背景的位置 */

 color: #000000;   /* 设置页面整体文字颜色 */

 padding:0px;   /*将页面边距设为0像素*/

 text-align: center;  /*页面内的内容水平居中*/

}

img{

 margin: 2px;   /*图片的边距*/

 border: 1px solid #FFFFFF; /*图片的边框*/

}

#content{

    font-size:14px;                         /*文字大小*/

    font-weight:bold;                       /*文字加粗*/

    color:#000000;                          /*文字颜色*/

    line-height:28px;                       /*文字行间距*/

    text-indent:0px;                        /*文字首行缩进*/

    background-color:#CCCCCC;               /*文字背景颜色*/

    width:380px;                            /*文本宽度*/

    height:600px;                           /*文本高度*/

    vertical-align:top;                     /*文本内容的垂直对齐方式*/

    text-align:left;                        /*文本内容的水平对齐方式*/

    padding:10px;                           /*文本内容与边框之间的距离*/

    margin-top:10px;                        /*方框在页面中的上边距*/

    margin-left:400px;                      /*方框在页面中的左边距*/

    border:double 10px #FFFF00;             /*方框的粗细、样式、颜色*/

}

#photo{

 padding: 3px;   /*photo部分里的边距填充*/

}

#title{

 font-size: 14px;  /*title部分文字的大小*/

 padding-top: 5px;  /*title部分的上边距*/

 padding-bottom: 5px;  /*title部分的下边距*/

 font-weight: bold;  /*title的文字样式，设置为粗体*/

}

#introduce{

 padding: 3px;   /*introduce部分的内部填充*/

 text-indent: 24px;  /*introduce部分的文字缩进*/

 text-align: left;  /*introduce部分的对齐方式*/

 line-height: 20px;  /*introduce部分的文字行距*/

}

本文来源于熊向阳SEO博客, 原文地址：http://www.xiongxiangyang.com/