一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > css教程 > 经典案例

推荐专题

最新下载

1

JJ象棋免费版
558.71MB 类型： 休闲益智
2

天天酷跑明哥版
1.16GB 类型： 休闲益智
3

研磨工艺
362.82MB 类型： 休闲益智
4

梦想蛋糕大师游戏
45.71M 类型： 休闲益智
5

解压玩具组合游戏
46.45MB 类型： 休闲益智
6

长腿漫步无限金币版全皮肤
84.61MB 类型： 休闲益智
7

长腿漫步内置菜单
106.3MB 类型： 休闲益智
8

qq登陆版猪来了
119.56MB 类型： 休闲益智
9

宝宝切西瓜小游戏
103.12MB 类型： 休闲益智
10

汉字找茬王免广告
26.03MB 类型： 休闲益智

热门教程

1

诛仙2鬼王怎么加点鬼王加点推荐
时间：2025-08-20 类型： 游戏攻略
2

诛仙2见影灵泉奇遇任务怎么做见影灵泉奇遇任务流程攻略
时间：2025-08-20 类型： 游戏攻略
3

三国天下归心诸葛亮怎么样诸葛亮技能介绍一览
时间：2025-08-20 类型： 游戏攻略
4

三国天下归心追击队怎么玩追击队玩法教学
时间：2025-08-20 类型： 游戏攻略
5

三国天下归心武将怎么获得武将获取方法
时间：2025-08-20 类型： 游戏攻略
6

星痕共鸣剧毒蜂巢怎么获取剧毒蜂巢获取攻略
时间：2025-08-20 类型： 游戏攻略
7

新三国志曹操传李儒之影怎么打李儒之影打法教学
时间：2025-08-20 类型： 游戏攻略
8

辉烬队伍怎么搭配配队攻略指南
时间：2025-08-20 类型： 游戏攻略
9

创造吧我们的星球种田玩法怎么玩种田玩法介绍一览
时间：2025-08-20 类型： 游戏攻略
10

华夏千秋怎么表白表白方法一览
时间：2025-08-20 类型： 游戏攻略

样式列表class 与id的区别

时间：2022-07-02 12:40:33 编辑：袖梨来源：一聚教程网

样式列表class 与id的区别?对于不受w3c标准来前台编辑员来说好像也没有什么区别哦,但是我今天还要讲一下吧,我们先来看看实例再讲解.

代码如下

复制代码

#footer{
clear:both;
color:#806a4f;
height:102px;
width:1024px;
margin:0 auto;
background:url(imgs/footer.jpg) top left no-repeat;
}
#footerleft{
margin:0 27px 0 0;
width:720px;
float:left;
}
#footerleft ul{
height:20px;
width:100%;
margin:0;
padding:20px 0 0 150px;
}
#footerleft ul li{
float:left;
margin:0;
padding:0;
}
#footerleft ul li a{
display:block;
margin:0 5px 0 0;
float:left;

}
#footerleft p{
margin:0 0 0 150px;
text-align:left;
}
#footerright{
margin:15px 0 0 0;
float:left;
height:23px;
width:176px;
background:url(imgs/searchback.gif) no-repeat top left;
border:1px solid #cdc59c;
}

.footer{ width:176px;}

各位看到我标出来的蓝色与红色了吗?有没有注意到蓝色的在这个页面是调用一次并在css定义时以#开关头而li 里面的footer 是以"."号开头的,这就是区别,而以"."开头的可以在同一页面出现多次,而以#号的只一个页面只能是一次,#号就像你的身份证一样,全国只有唯一的一个,而"."就像你的名字一样可以重复使用,各位明白了吗?

申明本站原创转载请注明来处:

相关文章

热门栏目