在CSS里代码#main是什么意思啊?

来源:百度知道 编辑:UC知道 时间:2024/05/30 13:26:59
可以的话,帮我把全都代码翻译吧?
body{
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:13px;
background:#000000}
#main{
width:900px;
color:#FFFFFF;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#head{height:170px;
background-image:url(../images/header_cn.jpg);
background-repeat:no-repeat;
}

#navigation {
list-style-type:none;
padding:0;
margin:0;
}
#navigation li ul {
list-style-type:none;
padding:0;
margin:0;
}
#navigation {
margin:20px;
padding:0;
}
#navigation li {
float:left;
text-align:center;
position:relative;
padding:0;
margin:0;
}
#navigation li a:link, #navigation li a:visited {
display:block;
text-decoration:none;
color:#00FF00;
width:200px;
height:40px;
line-

是一个ID选择器,在CSS中id选择器可以为标有特定 id的HTML 元素指定特定的样式。

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

<div id="#main"></div>
#main{}

body{ //body里所有的元素属性
text-align:center; //文字对齐为据中对齐
font-family:"Times New Roman", Times, serif; //字体为Times New Roman,如果不存在就为:Times, serif
font-size:13px; //字的大小是13像素
background:#000000} //背景颜色为#000000色(黑色)
#main{ //id为main的元素!
width:900px; //宽度为900px
color:#FFFFFF; //文字颜色为#FFFFFF(白色)
margin-top: 0px; //id为main的这个无素和他兄弟元素的上边距为:0px
margin-right: auto; //同理是右边距:自动
margin-bottom: 0px; //下边距:0px
margin-left: auto; //左边距自动
}
注意margin只要左右同时被置为auto的话~那就说明这个元素水平居中!也就是说id为main这个元素是水平居中的

就这么简单

ID 为main
在w3c标准中,id是不可重复使用的样式,class是可以重复使用的
.main{} class为main,#main{} id为main

#main的意思是在css中定义一个id为main的样式,在页面中调用时为
“<div id="main">内容</div>”,ID不可重复使用,一般用于布局