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/