标题:求css 手册,html 手册,还有部分问题
只看楼主
yynn
Rank: 1
等 级:新手上路
帖 子:279
专家分:0
注 册:2005-11-4
 问题点数:0 回复次数:4 
求css 手册,html 手册,还有部分问题
这里的区别是什么呢
hi em{color:red;}
em.very{color:red;}
div#gaudi{color:red;}
a:link{color:red;}
a[name]{color:red;}
other
div id="gaudi"
div class="work"
这些 div id class 对应的都是什么 有什么用?
谢谢!
搜索更多相关主题的帖子: 手册 css red html div 
2007-10-01 19:16
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
得分:0 
div 对应div标签,就是重定义div标签的样式

id就是给标签一个唯一的识别标志

class就是外联样式单

建立找点html+css的资料看看
2007-10-01 19:29
luo123
Rank: 1
等 级:新手上路
威 望:2
帖 子:324
专家分:0
注 册:2007-4-13
得分:0 

LS能不能一 一解释一下,书上很难找。


[url=http://www..cn]电子编程[/url]
2007-10-02 23:01
雨帆
Rank: 3Rank: 3
等 级:新手上路
威 望:7
帖 子:250
专家分:0
注 册:2006-12-15
得分:0 
以下是引用yynn在2007-10-1 19:16:32的发言:
这里的区别是什么呢
hi em{color:red;}
em.very{color:red;}
div#gaudi{color:red;}
a:link{color:red;}
a[name]{color:red;}
other
div id="gaudi"
div class="work"
这些 div id class 对应的都是什么 有什么用?
谢谢!

div id="gaudi" ,css 对应的语法是 #gaudi ,意思就是在 定义 div id="gaudi"的地方采用 #gaudi 的样式,比喻说你上面的 <div id="gaudi"> </div> 中间的字体就是红色的了.
div class="work",CSS对应该的语法是 .work

我下面有补充两者的区别,如还有问题,你可以再来问~!

[此贴子已经被作者于2007-10-3 11:20:46编辑过]


[GLOW=255,red,2] 不信命,只凭双手去苦拼!谢谢你的每一句话![/GLOW] [GLOW=255,green,2]-------- 安仁雨帆![/GLOW]
2007-10-03 11:10
雨帆
Rank: 3Rank: 3
等 级:新手上路
威 望:7
帖 子:250
专家分:0
注 册:2006-12-15
得分:0 

补充:
class可以在页面里面重复使用,
id由于在页面里面只能出现一次,所以不能重复使用,
所以尽量用class来写,这样能在页面里面重复引用你写的css,减小工作量和代码量。这种情况尽量用id:页面大的模块里面,用id来区分不同的模块。
比如页面里面有这样的模块:最新新闻,推荐新闻等。就可以考虑用id来区分。还有一点,由于id是页面中唯一的,更多的是定义来留给给页面里面的javascript用。

class和id在页面里面的使用方法:
class:
<style type="text/css">
.footer{background:red;}
</style> <div class="footer">footer</div>

id:
<style type="text/css">
#footer{background:red;}
</style>
<div id="footer">footer</div>

定义class的css是用点:“.”,如.footer
定义id的css是用井号“#”,如#footer


[GLOW=255,red,2] 不信命,只凭双手去苦拼!谢谢你的每一句话![/GLOW] [GLOW=255,green,2]-------- 安仁雨帆![/GLOW]
2007-10-03 11:15



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-174528-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.169151 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved