仓酷云

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

[DIV+CSS] DIV教程之CSS元素详解

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

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

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

x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
块元素(blockelement)通常为其他元素的容器元素,块元素一样平常都重新行入手下手,它能够包容内联元素和其他块元素,罕见块元素是段落标签P"。“form"这个块元素对照特别,它只能用来包容其他块元素。
  假如没有CSS的感化,块元素会按次以每次另起一行的体例一向往下排。而有了css今后,我们能够改动这类html的默许结构形式,把块元素摆放到你想要的地位上往。而不是每次都愚昧的另起一行。必要指出的是,table标签也是块元素的一种,tablebasedlayout和cssbasedlayout从一样平常利用者(不包含目力停滞者、瞽者等)的角度来看这两种结构,除页面载进速率的不同外,没有其他的不同。可是假如一般利用者不经意点了检察页面源代码按钮后,二者所体现出来的差别就十分年夜了。基于优秀重构理念计划的css结构页面源码,最少也能让没有web开辟履历的一般利用者把内容疾速的读懂。从这个角度来讲,csslayoutcode应当有更好的美学体验。
  你可以把块容器元素div设想成一个个box,大概假如你玩过剪贴文载的话,那就加倍简单了解了。我们先把必要的文章从各类报纸、杂志总剪上去。每块剪上去的内容就是一个block。然后我们把这些纸块依照本人的排版企图,用胶水从头贴到一张空缺的新纸上。如许就构成了你本人共同的文摘快报了。作为一种手艺的延长,网页结构计划也遵守了一样的形式。
  内联元素(inlineelement)一样平常都是基于语义级(semantic)的基础元素。内联元素只能包容文本大概其他内联元素,罕见内联元素“a”。
  必要申明的是:inlineelement的中文叫法,有多种内联元素、内嵌元素、行内元素、直进式元素。基础上没有一致的翻译,爱怎样叫怎样叫吧。别的提到内联元素,我们会想到有个display的属性是display:inline;这个属功能够修复出名的IE双倍浮动界限成绩。
  块元素(blockelement)和内联元素(inlineelement)都是html标准中的观点。块元素和内联元素的基础差别是块元素一样平常都重新行入手下手。而当到场了css把持今后,块元素和内联元素的这类属性差别就不成为差别了。好比,我们完整能够把内联元素cite加上display:block如许的属性,让他也有每次都重新行入手下手的属性。
  可变元素是基于以上二者随情况而变更的,它的基础观点就是他必要依据高低文干系断定该元素是块元素大概内联元素。可变元素仍是属于上述两种元素种别,一旦高低文干系断定了他的种别,他就要遵守块元素大概内联元素的划定规矩限定。
  html标签的block、inline分类明细:
  块元素(blockelement)
  ◎address-地点
  ◎blockquote-块援用
  ◎center-举中对齐块
  ◎dir-目次列表
  ◎div-经常使用块级简单,也是csslayout的次要标签
  ◎dl-界说列表
  ◎fieldset-form把持组
  ◎form-交互表单
  ◎h1-年夜题目
  ◎h2-副题目
  ◎h3-3级题目
  ◎h4-4级题目
  ◎h5-5级题目
  ◎h6-6级题目
  ◎hr-程度分开线
  ◎isindex-inputprompt
  ◎menu-菜单列表
  ◎noframes-frames可选内容,(关于不撑持frame的扫瞄器显现此区块内容
  ◎noscript-可选剧本内容(关于不撑持script的扫瞄器显现此内容)
  ◎ol-排序表单
  ◎p-段落
  ◎pre-格局化文本
  ◎table-表格
  ◎ul-非排序列表
  内联元素(inlineelement)
  ◎a-锚点◎abbr-缩写
  ◎acronym-首字
  ◎b-粗体(不保举)
  ◎bdo-bidioverride
  ◎big-年夜字体
  ◎br-换行
  ◎cite-援用
  ◎code-盘算机代码(在援用源码的时分必要)
  ◎dfn-界说字段
  ◎em-夸大
  ◎font-字体设定(不保举)
  ◎i-斜体
  ◎img-图片
  ◎input-输出框
  ◎kbd-界说键盘文本
  ◎label-表格标签
  ◎q-短援用
  ◎s-中划线(不保举)
  ◎samp-界说典范盘算机代码
  ◎select-项目选择
  ◎small-小字体文本
  ◎span-经常使用内联容器,界说文本内区块
  ◎strike-中划线
  ◎strong-粗体夸大
  ◎sub-下标
  ◎sup-上标
  ◎textarea-多行文本输出框
  ◎tt-电传文本
  ◎u-下划线
  ◎var-界说变量
  可变元素
  可变元素为依据高低文语境决意该元素为块元素大概内联元素。
  ◎applet-javaapplet
  ◎button-按钮
  ◎del-删除文本
  ◎iframe-inlineframe
  ◎ins-拔出的文本
  ◎map-图片区块(map)
  ◎object-object工具
  ◎script-客户端剧本

</p>
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
莫相离 该用户已被删除
沙发
发表于 2015-1-18 05:42:20 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
因胸联盟 该用户已被删除
板凳
发表于 2015-1-26 21:24:28 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
再现理想 该用户已被删除
地板
发表于 2015-2-4 22:14:59 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
愤怒的大鸟 该用户已被删除
5#
发表于 2015-2-10 22:30:23 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
不帅 该用户已被删除
6#
发表于 2015-3-1 17:17:47 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
小妖女 该用户已被删除
7#
发表于 2015-3-10 21:49:23 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
透明 该用户已被删除
8#
发表于 2015-3-17 11:37:47 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
蒙在股里 该用户已被删除
9#
发表于 2015-3-24 10:23:47 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 02:24

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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