CSS布局教程

基于web标准的网站设计指南

« xhtml基本语法xhtml常用元素简介 »

xhtml 元素分类

在传统布局中,网页设计师似乎更多的熟悉三个标签,table ,tr,td,而标准网页下,我们需要与更多的元素打交道,因此你应该认识他们,了解他们的习性,根据css显示分类,xhtml元素被分成三种类型
1、块状元素
顾名思义,块状元素在网页中是以块的形式显示的,所谓块状就是元素显示为矩形区域,从css3开始支持定义圆角矩形区显示,但目前还有有支持的浏览器,常用的块状元素包括div,h1-h6,p,table和ul等,更多的块状元素的列表说明可以参考详细介绍。
默认情况下,块状元素都会占据一行,通俗的说,两个相邻的块状元素不会出现并列显示的现象。默认状态下,块状元素会按照顺序自上而下排列,用css可以改变这种分布形式,而且块状元素都可以定义自己的宽度和高度。天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
块状元素一般都作为其他元素的容器,它可以容纳内联元素和其他块状元素,我们可以把这种容器比喻成为一个个box,或者如果你玩过剪报纸的话,那就更加容易理解了,从废报纸杂志中把喜欢的文章剪下来,这些剪下来的小纸片就是一个block,然后细心的把这些纸片按照自己的排版意图,用胶水重新粘贴到一张大本子的页面上,这就形成了独特的简报,作为一种技术的延伸,网页布局设计好像也遵循这种孩子玩过的游戏模式。
2、内联元素
也有人翻译成内嵌元素,行内元素,直接进式元素等,内联元素一般都是基于语义级别的基本元素,任何不是块状元素的可见元素都可以称为内联元素,其表现的特性就是行内布局的形式,也就是说其表现形式始终以行内逐个进行显示,例如,我们设计一个内联元素,其表现为多行显示,则显示为每一行下方都会有一条空白,如果是块状元素那么所显示的空白只会在块的最下方显示。
内联元素犹如水,居无定所,随行移动,嵌入行内,不会排斥同行其他元素,也没用自己的形状,你不能定义它的高度和宽带,它会随着包含内容的形状变化而变化,常用的内联元素有span,a.img等,更多内联元素的列表以后介绍
块状元素和内联元素是两种基本的元素,但是我们可以利用css来改变各种元素的默认显示状态
3、可变元素
可变元素是根据上下文关系来确定元素是以块状元素显示,还是以内联元素显示,不过可变元素仍然属于上述两种元素类别,一旦上下文关系确定了它的类别,它就会遵循块状元素或者内联元素的规则限制,常见的可变元素包括applet,button,del,iframe,ins,map,object,script等。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号