文档结构元素有哪些?
当前位置:贝知网>知识分享>平面设计>文档结构元素有哪些?
文档结构元素有哪些?
时间:2022-09-12 平面设计

文档结构元素有哪些?

文档结构元素有哪些

1.块级元素(display:block)

display属性设置为block将显示块级元素,块级元素的宽度为100%,而且其后面隐藏附带有换行符,使块级元素始终占据一行。例如,div常被称为块级元素,这意味着这些元素将显示为一块内容。标题、段落、列表、表格、分区、body等元素都是块级元素。

2.行级元素(display:inline)

行级元素也称内联元素,display属性设置为inline将显示行级元素,元素前后没有换行符。由于行级元素没有高度和宽度,因此也就没有固定的形状,显示时只占据其内容的大小。

超链接、图像、范围、表单等元素都是行级元素。

3.列表项元素(display:listitem)

listitem属性值表示列表项目,其实质上也是块状显示,不过是一种特殊的块状类型,它增加了缩进和项目符号。

4.隐藏元素(display:none)

none属性值表示隐藏并取消盒模型,所包含的内容不会被浏览器解析和显示。通过把display设置为none,该元素及其所有内容将不再显示,也不占用文档中的空间。

5.其他分类

除上述常用的分类之外,还包括以下分类:

display:inline-table I run-in I table I table-caption I table-cell I

table-column I table-column-groupI table-rowI table-row-group |

inherit如果从布局角度来分析,上述显示类型都可以划归为block和inline两种,其他类型都是这两种类型的特殊显示。

真正能够应用并获得所有浏览器支持的只有4个:none、block、inline和listitem。

网页设计页面文档

1.文字

文字是传达信息的主要载体,是构成网站的基本元素,也是占用页面面积多的媒体。网页中文字设置的舒适程度直接影响浏览者的心理感受,字体、大小、颜色、行间距、字间距、段落与段落之间的安排等因素都需要慎重考虑。

文字在设计时应尽量保持其正常形态,避免使字体变形,从而影响美观,且字体宜控制在3种以内,以不同的字体区分标题和正文。文字排版时应做到大标题、小正文或粗标题、细正文:文字与背景要有一定的色差以凸显正文内容,保持可见性和易读性。文字大小适中,通常正文选择12pX,行间通常为1.3或1.5倍行距,应保持页面整洁,体现层次感,以达到较好的阅读舒适度。

2.图片

图片在网页中的作用举足轻重,无法想象没有图片的网站会是什么样子。通常网页框架和导航都需要依靠图片来实现,特殊信息也需要通过它进行视觉传达(如产品广告),同时图片还能将枯燥的信息变得灵活、轻松,起到画龙点睛的作用。

目前计算机支持的图片格式相当多,但是HTML文件常用的图片文件格式主要有两种:GIF和JPEG。

3.动画

除了可以在HTML文件中加入静态的图片外,还可以在HTML中加入一些动态效果。虽然动画不是网页的必备元素,但运用得当则可以起到画龙点睛的效果。所谓动画,就是通过以每秒15~20帧的速度(接近于全运动视频帧速)顺序地播放静止图像帧以产生运动的错觉,也包括画面的缩放、旋转、变换、淡入/淡出等特殊效果。通过动画可以把抽象的内容形象化,使许多难以理解的教学内容变得生动有趣。实现动画效果有很多种方法,常见的是使用Animation Gif动画图形文件。

4.音频和视频

在网页上运用的其他多媒体形式包括声音、视频等。声音是人们用来传递信息、交流感情直接的方式之一,例如,可以为网页设置背景音乐来营造氛围、增强效果。视频影像具有时序性与丰富的信息内涵,常用于交代事物的发展过程,视频非常类似于我们熟知的电影和电视,有声有色,在多媒体中充当着重要的角色。

5.色彩

色彩作为体现网站风格的视觉要素之一,对网站设计而言尤为重要。出色的色彩搭配方式会使网站设计如虎添翼,而失败的色彩搭配则会使网站整体效果大打折扣。网站的色彩设计有其自身的规律,为使页面整体效果良好,要结合网页框架来分配色彩的面积和位置。