仓酷云

标题: 给大家带来CSS教程:CSS id和CSS class区分与用法 [打印本页]

作者: 分手快乐 时间: 2015-1-15 22:57
标题: 给大家带来CSS教程:CSS id和CSS class区分与用法
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
破洛洛文章简介：css中id和class的使用。
复杂先容CSSid与CSSclass区分与用法。
CSSid常识：
在一个网页里ID只能利用一次。固然即便一个id在一个网页内被利用屡次，其CSS款式仍旧能够完成失效，可是一样平常划定W3C尺度是利用一次。由于ID在html里能够付与html标签特别的属性如一下JS举措、表单传值等特征以是区分于一个class可使用几的次，而一个CSS定名的id只能利用一次制止一些特定举措、传的表单值的兼容性特征毛病即便没有别的JS剧本举措、表单传值特征可是我们也必定实行一个页面只能利用一次。
id选择器以"#"来界说，定名CSS选择器。
界说定名cssid选择器例子：
#poluoluocom1{color:#F00;}界说白色www.poluoluo.com实例
#poluoluocom2{color:#0F0;}界说绿色
对应html中div援用
<divid="poluoluocom1">我色彩为白色</div>
<divid="poluoluocom2">我色彩为绿色</div>
一个div标签的界说只能利用一个id如：
<divid="poluoluocom1"id="poluoluocom2">www.poluoluo测试内容</div>
或
<divid="poluoluocom1poluoluocom2">www.poluoluo测试内容</div>
两个都是不准确的，而且CSS款式属性也不克不及失效-成为CSS生效之一。
CSSclass常识：
与CSSID分歧特征是clsss类能够在一个网页内无穷次援用。
Class选择器界说以“.”来界说。界说cssclass选择器例子：.poluoluocom1{color:#F00;}界说笔墨为白色.poluoluocom2{font-size:28px;}界说笔墨巨细为18px
对应html中div+css援用：
<divclass="poluoluocom1">我色彩为白色</div>
<divclass="poluoluocom2">www.poluoluo.com我字体巨细为28px</div>
<divclass="poluoluocom1poluoluocom2">我色彩为白色笔墨巨细为28px</div>
以上便是“poluoluocom1”“poluoluocom2”类的准确利用办法
扩大常识：可否利用数字定名CSS属性选择器css定名标准
以下为毛病的css类利用办法：
<divclass="poluoluocom1"class="poluoluocom2">我将有效</div>
如许的援用办法便是毛病的援用办法，一样能够得出一个div标签内只能呈现一个"class="，假如呈现多个css类要使用到一个div标签内，便可以利用<divclass="poluoluocom1poluoluocom2">来表达。
一个div标签内使用id和class是能够的：
.poluoluocom1{......}
#poluoluocom2{......}
.poluoluocom3{......}
<divclass="poluoluocom1"id="poluoluocom2">如许是能够的也是准确的.
<divclass="poluoluocom1poluoluocom3"id="poluoluocom2">一样是准确的可取的。
总结：
本文分离从常识点到实例解说了divcss中id和class的使用、必要注重中央、准确使用援用办法。经由过程poluoluo中css实例体例准确与毛病使用cssid和cssclass让人人能把握css基本常识点。
</p>
那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？

作者: 飘灵儿 时间: 2015-1-17 19:56
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 因胸联盟 时间: 2015-1-26 22:20
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

作者: 简单生活 时间: 2015-2-5 04:42
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 若相依 时间: 2015-2-11 06:08
俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

作者: admin 时间: 2015-3-1 23:38
是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

作者: 飘飘悠悠 时间: 2015-3-11 03:14
还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

作者: 只想知道 时间: 2015-3-17 21:10
是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

作者: 冷月葬花魂 时间: 2015-3-25 06:29
Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

欢迎光临仓酷云 (http://ckuyun.com/)