建设网页如何排版?高大上网站CSS排版方式介绍
作者:佚名 时间:2014-05-23
如今的网页排版格式越来越复杂,很多效果都需要通过CSS技术,CSS可以使用HTML标签或命名的方式定义。除可控制一些传统的文本属性(如字体、字号和颜色等)外,还可以控制一些比较特别的HTML属性,如对象位里、图片效果和鼠标指针等。CSS样式可以一次控制多个文档中的文本,当CSS样式有所更新或被修改之后。所有应用该样式的文档都会被自动更新。
使用CSS排版来美化你的网站
CSS技术可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制,只要对相应代码做一些简单的编辑,就可以改变同一页面中不同部分或不同页面的外观和格式口使用CSS不仅可以做出美观、令浏览者赏心悦目的网页,还能给网页添加许多神奇的效果。
css是cascading s tyles beets的简称。对于设计者来说它是一个非常灵活的工具,使用户不必再把繁杂的样式定义编写在文档结构中,而将有关文档的样式内容全部脱离出来,在行内定义、在标题中定义,甚至作为外部样式表文件供HTML页成调用。
CSS的样式规则如下:
选择符{属性:值}
单一选择符的复合样式声明应该用分号隔开。
选择符{属性1:值;属性2:值2}
CSS的特点:利用它不仅可以控制传统的格式属性,如字体、尺寸、对齐,还可以设置诸如位置、特殊效果、鼠标滑过之类的HTML属性。如图1所示为没有使用样式表美化的页面,如图2所示为使用CSS样式表美化后的页面。
(排版前)
(排版后)
通过修改样式,可自动快速更新所有采用该样式的文字格式。HTML样式可以看作是一组用于控制.单个文档中某范围内文本外观的格式化属性口而CSS样式不仅可以控制.单个文档中的文本格式,而且可以控制多个文档的格式。与HTML样式相比,使用CSS样式可以更好地链接外部多个文档,当CSS样式被更新时,所有使用CSS样式的文档也会自动更新。
当用户需要管理一个非常大的网站时,使用CSS样式定义站点便可以体现出非常明显的优越性。使用CSS样式可以快速格式化整个站点,并且CSS样式可以控制多种不能使HTML控制的属性。
使用CSS样式表具有以下特点:
1、可以更加灵活地控制网页中文字的字体、颜色、大小、间距、风格及位置。
2、可以灵活地设置一段文本的行高、缩进,并可以为其加入三维效果的边框。
3、可以方便地为网页中的任何元素设置不同的背景颜色和背景图像。
4、可以精确地控制网.贞中各元素的位置。
5、可以为网页中的元素设置各种过滤器,从而产生阴影、模糊、透明等效果。
6、可以与脚本语言相结合,从而产生各种动态效果。
7、由于是直接的HTML格式的代码,因此可以提高页面打开的速度。