在CSS里代码#main是什么意思啊?
可以的话,帮我把全都代码翻译吧?body{text-align:center;font-family:"TimesNewRoman",Times,serif;font-s...
可以的话,帮我把全都代码翻译吧?
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-height:40px;
border:0;
border-width:1px 1px 0 0;
background:#000;
padding-left:10px;
padding:0;
margin:0;
}
#navigation li a:hover {
color:#fff;
background:#333;
padding:0;
margin:0;
}
#navigation li ul li a:hover {
color:#fff;
background:#333;
text-decoration:underline;
padding:0;
margin:0;
}
#navigation li ul {
display:none;
position:absolute;
top:38px;
left:0;
margin-top:1px;
width:120px;
}
#navigation li ul li ul {
display:none;
position:absolute;
top:0px;
left:200px;
margin-top:0;
margin-left:1px;
width:120px;
padding:0;
margin:0;
}
#content{
text-align:left;
}
#menuc1{
color:#00FF00;
position:relative;
left:-280px;
display:none;
}
#menu2 li{
width:250px;
margin:1px;
padding:10px;
display:inline;
border:#CCCCCC solid 1px;}
#sb1{ width:880px;
float:left;
border:#CCCCCC solid 1px;
margin:5px;
padding:5px;
display:block;}
#sbm1{ background:#CC0000;}
#sb1a{ color:#66FF00}
#sb2{
width:880px;
float:left;
border:#CCCCCC solid 1px;
margin:5px;
padding:5px;
display:none;}
#sb3{
width:880px;
float:left;
border:#CCCCCC solid 1px;
margin:5px;
padding:5px;
display:none;}
#sb3 img{;
float:left;
}
#zoompic{
width:500px;
height:500px;
float:left;
background-image:url(../images/header_cn.jpg);
background-repeat:no-repeat;
position:relative;
left:200px;
}
#t1{
width:600px;
position:relative;
top:-100px;
left:150px;
}
#foottext{ color:#00FF00;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
#clock{
background-color:#000;
color:#0C0;
position:relative;
left:400px;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
} 展开
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-height:40px;
border:0;
border-width:1px 1px 0 0;
background:#000;
padding-left:10px;
padding:0;
margin:0;
}
#navigation li a:hover {
color:#fff;
background:#333;
padding:0;
margin:0;
}
#navigation li ul li a:hover {
color:#fff;
background:#333;
text-decoration:underline;
padding:0;
margin:0;
}
#navigation li ul {
display:none;
position:absolute;
top:38px;
left:0;
margin-top:1px;
width:120px;
}
#navigation li ul li ul {
display:none;
position:absolute;
top:0px;
left:200px;
margin-top:0;
margin-left:1px;
width:120px;
padding:0;
margin:0;
}
#content{
text-align:left;
}
#menuc1{
color:#00FF00;
position:relative;
left:-280px;
display:none;
}
#menu2 li{
width:250px;
margin:1px;
padding:10px;
display:inline;
border:#CCCCCC solid 1px;}
#sb1{ width:880px;
float:left;
border:#CCCCCC solid 1px;
margin:5px;
padding:5px;
display:block;}
#sbm1{ background:#CC0000;}
#sb1a{ color:#66FF00}
#sb2{
width:880px;
float:left;
border:#CCCCCC solid 1px;
margin:5px;
padding:5px;
display:none;}
#sb3{
width:880px;
float:left;
border:#CCCCCC solid 1px;
margin:5px;
padding:5px;
display:none;}
#sb3 img{;
float:left;
}
#zoompic{
width:500px;
height:500px;
float:left;
background-image:url(../images/header_cn.jpg);
background-repeat:no-repeat;
position:relative;
left:200px;
}
#t1{
width:600px;
position:relative;
top:-100px;
left:150px;
}
#foottext{ color:#00FF00;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
#clock{
background-color:#000;
color:#0C0;
position:relative;
left:400px;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
} 展开
4个回答
展开全部
#main的意思是在css中定义一个id为main的样式,在页面中调用时为
“<div id="main">内容</div>”,ID不可重复使用,一般用于布局
“<div id="main">内容</div>”,ID不可重复使用,一般用于布局
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
是一个ID选择器,在CSS中id选择器可以为标有特定 id的HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
<div id="#main"></div>
#main{}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
ID 为main
在w3c标准中,id是不可重复使用的样式,class是可以重复使用的
.main{} class为main,#main{} id为main
在w3c标准中,id是不可重复使用的样式,class是可以重复使用的
.main{} class为main,#main{} id为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这个元素是水平居中的
就这么简单
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这个元素是水平居中的
就这么简单
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询