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

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

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

+ -

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

推荐专题

最新下载

1

行星穿越
111.29M 类型： 动作冒险
2

泳池博物馆(泳池探索
167.4MB 类型： 射击枪战
3

世界卡车驾驶模拟器2026
1.01 GB 类型： 赛车竞速
4

小妖也要当神仙
85.31M 类型： 角色扮演
5

寒境庇护所
718.7MB 类型： 休闲益智
6

少年西游记微信版手机游戏
1.97GB 类型： 策略卡牌
7

僵尸隆隆防御战
86.21M 类型： 策略塔防
8

苏西的学校(恐怖冒险
220.3MB 类型： 休闲益智
9

我的旋转餐厅
94.4MB 类型： 模拟经营
10

翼装飞行
202.6MB 类型： 射击枪战

热门教程

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 是以"."号开头的,这就是区别,而以"."开头的可以在同一页面出现多次,而以#号的只一个页面只能是一次,#号就像你的身份证一样,全国只有唯一的一个,而"."就像你的名字一样可以重复使用,各位明白了吗?

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

相关文章

热门栏目