欢迎来到天天文库
浏览记录
ID:39357450
大小:4.29 MB
页数:62页
时间:2019-07-01
《网页制作背景音乐》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第4章使用CSS样式表本章要点内容:CSS样式表的概念、类型和基本写法。利用CSS样式表面板创建和应用各种样式表。详细设置样式表内容。本章学习目标了解CSS样式表的概念、特点和分类。学会创建CSS样式表和应用CSS样式表。能够定制个性化的CSS样式表。本章学前要求能够创建基本的网页。已经掌握文本和图片的操作和设置。4.1CSS样式表简介4.1.1什么是CSSHTML语言一直以来有一个缺陷,那就是将显示的效果描述与文件结构混合在一起。但是,XML语言却做到了显示效果描述与文件结构的分离,这样一方面适合各种平台上的正常显示,
2、另一方面也极大的方便了网页制作者,因为对于相同显示效果的页面,制作者只需要设定一种统一的显示效果,所有页面都可以调用这种效果。为了让HTML适应这一形势的新规范,W3C(WorldWideWebConsortium)标准化组织就开始为HTML定制样式表机制,也就是今天我们所熟悉的CSS(cascadingstylesheets)样式表。并且在1996年推出了CSS1,1998年推出了CSS2。目前,两大主流浏览器Netscape的Navigator4.0和Microsoft的InternetExplorer4.0及以后版本
3、都支持CSS样式。CSS(层叠样式表)其实是一系列格式规则,这些规则由两部分组成:选择符和声明。选择符通常是指样式表的名称或特定的标签,而声明则用于定义样式元素。声明由两部分组成:属性和值。要注意的是,单一选择符的复合样式声明应该用分号隔开。术语“层叠”是指同一个网页应用多个样式表的能力,例如创建两个样式表分别用来设置字体和行距,它们同样用于一个网页。这些规则组合在一起,就可以告诉浏览器怎样去呈现一个文档。CSS样式表起初或许只为了控制文本的属性,如字体、字号、颜色等,但是随着CSS更高版本的推出,弥补了HTML对传统的文
4、本属性控制的不足,如段落间距、行距等。除了对传统文本的控制,CSS还加入了对其他网页元素属性甚至网页布局的控制,比如图片的显示效果、网页元素的位置、表单元素的边框粗细、鼠标指针的形状、排版定位等,并且这些设置都可以随着CSS样式表文件的更新而动态更新。4.1.2CSS的类型从CSS样式标签的形式来看,在Dreamweaver中主要有三种CSS样式,分别如下:1.自定义CSS样式设计者可以在HTML文件的任何位置自定义一个CSS样式表并命名,页面中的任何元素都可以使用自定义的样式。例如定义了一个名称为“red”的样式表,目的
5、是显示文本的颜色为红色,那么一段文字调用的时候代码如下:.red{font-color:red;}定义CSS正文
6、-size:10pt;}本例将
7、鼠标单击时链接的颜色4.1.3CSS基本写法CSS的写法主要有三种,具体如下:1.在HEAD标签内实现在HEAD内使用HTML的style组件实现也是CSS最基本的写法,通常是将样式表的规则放置在文件头区域,位于
8、中实现的方法主要是将CSS的规则直接写在HTML的标记中直接引用,如要设置一段文字的大小为“10pt”,代码如下:单元格内容
此文档下载收益归作者所有