有谁懂HTML/CSS帮我看下这段代码

来源:百度知道 编辑:UC知道 时间:2024/05/21 07:53:53
/* common styling */

/* Set up the default font and ovrall size to include image */
body {
background: #fff;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 11px;
}
#wrap {width:660px; position:relative; background:#000; height:362px; padding:0 30px; color:#999; margin-left:25px;}
#wrap a.nikon_link, #wrap a.nikon_link:visited {color:#bcd; font-size:10px;}
#wrap a.nikon_link:hover {text-decoration:none;}

#flyout {font-size:11px; padding:0; margin:0; list-style:none; width:24px; height:360px; position:absolute; left:-25px;}
#flyout ul {padding:0; margin:0; list-style:none;}
#flyout li {display:block; width:24px; height:120px; background:#1c1c1c;}
#flyout li a {display:block; width:24px; height:120px; text-indent:-999px; text-decoration:none;}
#flyout li a.nikon {background:url(nikon_button.gif);}
#flyout li a.canon {background:url(canon_button.gif);}
#flyout

body {
//这里是设置整个网页的背景为白色.background是背景属性
background: #fff;
//这里是设置网页显示的字体,像我们应该在后面加上一个"宋体"
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
//这个是指你网页中文字显示多大的大少就用font-size来表示
font-size: 11px;
}
// 这里定义了一个wrap,宽度为660;定位为相对定位,背景是黑色,高为362,内边距用padding。这里也就是说上和下的边距为0px,左右为30,其实就是一个居中,color#999就是这个wrap里面的所有文字的颜色,margin-left指的是外左边距为25px。在你的网页中调用时应该使用 Id="wrap" 来调用; 这个应该是用div+css
#wrap {width:660px; position:relative; background:#000; height:362px; padding:0 30px; color:#999; margin-left:25px;}

//a.nikon_link a.nikon_link:visited表示wrap里面的nikon_link的连接和访问过后的连接颜色为#bcd文字大小了10px; a.nikon_link:hover{text-decoration:none;} 表示:nikon_link的连接经过里时的没有下划线
#wrap a.nikon_link, #wrap a.nikon_link:visited {color:#bcd; font-size:10px;}
#wrap a.nikon_link:hover {text-decoration:none;}

//一个flyout的id 用法如wrap 。font-size表示文字大小为11,padding:0; margin:0;没有内边距和外边距,list-style:none;表示当你使用无序列表li