仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1303|回复: 8
打印 上一主题 下一主题

[DIV+CSS] CSS教程之10.web尺度中界说id与class有甚么区分吗

[复制链接]
飘灵儿 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:39:01 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
任何语言都有它的优越性,Div作为网页布局的标签,它可以很轻快的达到想要的效果,并且可以节约代码,我希望以后学这个标签的同学,要掌握它的每一个知识点,充分利用这个标签。



<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh"lang="zh"><headprofile="http://www.w3.org/2000/08/w3c-synd/#"><metahttp-equiv="content-language"content="zh-cn"/><metahttp-equiv="content-type"content="text/html;charset=gb2312"/><title>blueidea</title><styletype="text/CSS">/*<![CDATA[*/#aa{color:red}.aa{color:blue}/*]]>*/</style></head><body><divid="aa"class="aa">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh"lang="zh"><headprofile="http://www.w3.org/2000/08/w3c-synd/#"><metahttp-equiv="content-language"content="zh-cn"/><metahttp-equiv="content-type"content="text/html;charset=gb2312"/><title>blueidea</title><styletype="text/css">/*<![CDATA[*/.a{color:orange}.b{background:#eee}.c{border:1pxsolidred}/*]]>*/</style></head><body><divclass="abc">aaaaaaaa</div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
一.
web尺度中是不允许反复ID的,好比divid="aa"一个页面中不允许反复2次,而class界说的是类,实际上能够无穷反复的,如许必要屡次援用的界说即可以利用他.class还能够同时援用多个类,分歧的类之间用空格离隔.
二.
属性的优先级成绩,ID的优先级要高于class,看下面的例子
三.
便利JS等客户端剧本,假如在页面中要对某个工具举行剧本操纵,那末能够给他界说一个ID,不然只能使用遍历页面元素加上指定特定属性来找到它,这是绝对华侈工夫资本,远远不如一个ID来得复杂.
任何语言都有它的优越性,Div作为网页布局的标签,它可以很轻快的达到想要的效果,并且可以节约代码,我希望以后学这个标签的同学,要掌握它的每一个知识点,充分利用这个标签。
沙发
发表于 2015-1-18 07:43:20 | 只看该作者
可以使用CSS检查工具进行设计。
小妖女 该用户已被删除
板凳
发表于 2015-1-25 15:44:39 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
莫相离 该用户已被删除
地板
发表于 2015-2-3 06:06:42 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
兰色精灵 该用户已被删除
5#
发表于 2015-2-8 20:29:35 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
蒙在股里 该用户已被删除
6#
发表于 2015-2-26 06:12:32 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
变相怪杰 该用户已被删除
7#
发表于 2015-3-8 12:41:10 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
透明 该用户已被删除
8#
发表于 2015-3-16 02:15:49 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
若相依 该用户已被删除
9#
发表于 2015-3-22 19:10:34 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 18:27

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表