Question

小白求助大神帮我解释一下这些html代码!!!!!!!!!!!!!!!!!

/*----------------common----------------*/
*{ margin:0; padding:0; }
li{list-style-type:none;}
a{text-decoration:none;}
.cl{clear:both;}
h1{color:#4c2424;font-size:28px;margin-bottom:20px;}
body{background:url(../images/bj.jpg)left center no-repeat;background-attachment:fixed; font-family:'微软雅黑'; }
/*----------------cont------------------*/
#con{
width:1200px;
height:1697px;
margin:0px auto;
}
/*----------------header------------------*/
.banner{margin-bottom:5px;}
.logo{position:absolute;margin-top:-300px;margin-left:5px;}
.menu{ width:1200px;height:80px;background:rgba(255,255,255,0.6);position:relative;}
.menu ul{padding-left:40px;}
.menu li{float:left;line-height:80px;padding-right:63px;}
.menu li:last-child{padding-right:0;}
.menu li a{color:#4c2424;font-size:28px;}
.menu li a:hover{color:#bf1c1c;}

Answer 1

这不是html代码，这是css代码；

解释如下：

 *{ margin:0; padding:0; }设置所以的元素的外边框为0；内边框（填充）为0;

  li{list-style-type:none;}所有的列表项前面的项目符合设置为无；

 a{text-decoration:none;}所有的链接均无下划线；

.cl{clear:both;}所有的含class属性名为"cl"的元素，左右两边均不允许存在浮动元素，既和它相邻的浮动元素都不与它并列显示；

 h1{color:#4c2424;font-size:28px;margin-bottom:20px;}所有标题h1元素的内容字体颜色设置为#4c2424（16进制颜色表示法），字体大小设为28px（px为长度单位，表示屏幕的单位像素）,h1与其它元素的下边距设为20px;

body{background:url(../images/bj.jpg)left center;把位于上级目录中images文件夹中的文件名为bj.jpg的图片作为整个页面的背景图，背景图显示位置：水平靠左，垂直居中

希望能帮到你

Answer 2

这个是css不是html 他是对你的html界面做布局

追问

您能看懂吗，我实在是看不懂了

追答

{ margin:0; padding:0; }外边距 内边距 ，都是0 ，这个其实就是再规定一个页面的头 和内容，你把所有{}里面的内容一个一个复制出去百度就可以了，太多了，你可以自己慢慢一个一个看

Answer 3

这都是一些样式而已，没有什么其他的问题