Question

css样式表问题！

1.@charset "utf-8";
/* CSS Document */

2.background-image: url(images/bg.jpg);
background-repeat: repeat-x;

3.div, h1, h2, h3, h4, p, form, label, input,

textarea, img, span{
margin:0; padding:0;

4.list-style-type:none;

5.spacer{
clear:both;
font-size:0;
line-height:0;
}

6.ideas:hover {
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #ffffff;
text-decoration: none;
background-image: url

(images/menu_01.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 100px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 61px;
以上是我从才css代码中截取的不懂的部分，请帮我解释一下
教材看不懂才来这儿问的！既然是很基础的东西旧帮忙解释一下,又不费劲

Answer 1

1.@charset "utf-8";
设置字符集
/* CSS Document */
css文档
2.background-image: url(images/bg.jpg);
背景图片设置 后面是图片路径
background-repeat: repeat-x;
背景图片重复 沿X轴重复
3.div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
margin:0; padding:0;
.div, h1, h2, h3, h4, p, form, label, input, textarea, img, span 这些元素的 外边界和内边界都设为0
4.list-style-type:none;
列表前面的样式标记 无 有些会写数字啊 一个黑点 什么的
5.spacer{
clear:both;
font-size:0;
line-height:0;
}
类名为spacer的元素 两侧不允许其他浮动元素 字体大小0 行高 0
6.ideas:hover {
font-family: Arial;
font-size: 31px;
font-weight: normal;
text-transform: lowercase;
color: #ffffff;
text-decoration: none;
background-image: url(images/menu_01.png);
background-repeat: no-repeat;
margin: 0px;
float: left;
height: 70px;
width: 100px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 61px;

类名为.ideas的元素 鼠标移上之后
字体
字号
粗体
转小写
颜色
文本样式
背景图片
背景重复
外距离
浮动
高度
宽度
内距上
内距右
内距下
内距左

Answer 2

2.background-image: url(images/bg.jpg);
background-repeat: repeat-x;
设置背景图片为 images文件夹下的bg.jpg
设置图片在横坐标上重复

3.div, h1, h2, h3, h4, p, form, label, input,
textarea, img, span{
margin:0; padding:0;
设置div, h1, h2, h3, h4, p, form, label, input, textarea, img, span 这些标签的外边距和内边距为0

4.list-style-type:none;
设置对象的行项标记的预定义类型：不显示任何标记

Answer 3

1.@charset "utf-8";
/* CSS Document */ //这个不用管

2.background-image: url(images/bg.jpg); //背景图的路径
background-repeat: repeat-x; //背景横向重复

3.div, h1, h2, h3, h4, p, form, label, input,

textarea, img, span{
margin:0; padding:0; //div外间距为0像素 内间距为0像素

4.list-style-type:none; // 样式类型为无

5.spacer{
clear:both; // 清除浮动
font-size:0; // 文字大小为0 我晕
line-height:0; // 竖直局中高度为0 我狂晕
}

6.ideas:hover {
font-family: Arial; //文字字体
font-size: 31px; //文字大小31px
font-weight: normal; //文字不加粗
text-transform: lowercase; //文字转换成小写
color: #ffffff; //文字颜色为白色
text-decoration: none; //文字没有下划线
background-image: url(images/menu_01.png); //背景图
background-repeat: no-repeat; //背景不重复
margin: 0px; //外间距为0
float: left; //向左浮动
height: 70px; //高度为70
width: 100px; //宽度为100
padding-top: 10px; //内间距 上 10px
padding-right: 0px; //内间距 右 0px
padding-bottom: 0px; //内间距 下 0px
padding-left: 61px; //内间距 左 61px

Answer 4

找个CSS基本教材看吧，这些都是很基础的东西
静心看2个小时就解决

Answer 5

以上的都不懂吗？建议你买本div+css的书系统的看一次，或者看教程也可以。css是语句是很简单的，没什麼逻辑性。不过要把它好好的拼在一起也并不容易！

Answer 6

你这样没有意义。
看一下主流网站的源码
多研究你会有很大的发现
像腾讯
新浪费163
and
so
on