仓酷云

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

[DIV+CSS] 带来一篇SPAN和DIV,Class与ID的区分汇总

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

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

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

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
SPAN和DIV的区分

SPAN和DIV的区分在于,DIV(division)是一个块级元素,能够包括段落、题目、表格,以致诸如章节、择要和备注等。而SPAN是行内元素,SPAN的前后是不会换行的,它没有布局的意义,地道是使用款式,当其他行内元素都分歧合时,可使用SPAN。
<span>SPAN标志有一个主要而有用的特征,即它甚么事也不会做,</span><span>它的独一目标就是环绕你的HTML代码中的别的元素,如许你就能够为它们指定款式了。在此例中,</span><span>标识符同意你将一个段落分红分歧的部分。</span>
<div>另有一个标识符具有相似的功效,DIV也被用来在HTML文件中创建逻辑部分。</div><div>但与SPAN分歧,事情于文本块一级,</div><div>它在它所包括的HTML元素的后面及前面都引进了行分开。</div>
------------------------------------------------------------
CLASS和ID的区分

在款式表界说一个款式的时分,能够界说id也能够界说class。
  1、在CSS文件里誊写时,ID加前缀“#”;CLASS用“.”
  2、id一个页面只可使用一次;
   class能够屡次援用。
  3、ID是一个标签,用于辨别分歧的布局和内容,就象名字,假如一个房子有2团体同名,就会呈现搅浑;
   CLASS是一个款式,能够套在任何布局和内容上,就象一件衣服;
  4、从观点上说就是纷歧样的:
   id是先找到布局/内容,再给它界说款式;
   class是先界说好一种款式,再套给多个布局/内容。
  今朝的扫瞄器还都同意用多个不异ID,一样平常情形下也能一般显现,不外当你必要用JavaScript经由过程id来把持div时就会呈现毛病。
看完本文后,您还能够看:
css教程:网页中Span和Div的区分


你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
飘灵儿 该用户已被删除
沙发
发表于 2015-1-18 05:25:22 来自手机 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
金色的骷髅 该用户已被删除
板凳
发表于 2015-1-24 13:44:37 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
爱飞 该用户已被删除
地板
发表于 2015-2-1 16:46:26 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
不帅 该用户已被删除
5#
 楼主| 发表于 2015-2-7 12:04:14 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
愤怒的大鸟 该用户已被删除
6#
发表于 2015-2-22 02:49:03 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
透明 该用户已被删除
7#
发表于 2015-3-6 23:51:07 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
活着的死人 该用户已被删除
8#
发表于 2015-3-21 00:00:38 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-29 22:59

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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