欢迎来到天天文库
浏览记录
ID:39349772
大小:479.60 KB
页数:24页
时间:2019-07-01
《《CSS样式的应用》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、1网站规划与网页设计电子工业出版社25.1CSS的特点和用途5.2CSS与HTML文档的结合方法5.3样式表语法5.4多重CSS的层叠5.5CSS的属性单位5.6CSS在网页中的应用第5章CSS样式的应用3CSS(CascadingStyleSheets)中文翻译为层叠样式表单,简称样式表,是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。样式就是格式,在网页中,文字的大小、色彩及图片位置等,都是设置显示内容的样式。层叠是指在HTML文档中引用多个定义样式的样式文件(CSS文
2、件)时,若多个样式文件间所定义的样式发生冲突,将依据层次顺序处理。它的主要用途如下所述。使页面的字体变得更漂亮,更容易编排,使页面效果真正达到赏心悦目。用户可以轻松地控制页面的整体风格和布局。如果站点上所有的页面都使用同一个CSS文件进行控制,那么可以对许多网页的风格格式同时进行更新,不用再一页一页地更新了。只要修改这个CSS文件中相应的代码,整个站点的所有页面都会随之发生变动。5.1CSS的特点和用途4CSS控制网页内容显示格式的方式是通过许多定义好的样式属性(如字号、段落控制等)来实现的,
3、并将多个样式属性定义为一组可供调用的选择符(selector)。其实,选择符就是某一个样式的名称。当HTML文档中某个元素要使用该样式时,必须使用该名称选择样式。在这里使用选择符这个名词的原因,是为了与W3C标准统一,其实可以直接把它当成样式名称,这样会比较好理解。要想在浏览器中显示出样式表的效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读。这里介绍4种在页面中插入样式表的方法:内部样式、行内样式、链入外部样式和导入外部样式。5.2CSS与HTML文档的结合方法55.2.1内部
4、样式内部样式(embeddedstyles)是把样式表放到页面的
6、aram和script之外的任意
7、e="text/css"/>…rel="stylesheet"属性定义在网页中使用外部的样式表,type="text/css"属性定义文件的类型为样式表文本,href属性用于定义.css文件的URL。【例5-3】85.2.4导入外部样式导入外部样式(importedstyles)就是当浏览器读取HTML文件时,复制一份样式表到这个HTML文件中,即在内部样式表的导入外部样式表输入方式上更有优势,实质上它相当于内部样式。【例5-4】95.3.1用类(class)选择符定义样式用类选择符能够把相同的标记分类定义为不同的样式。例如,希望同一种标记(如
)在不同的地方使用不同的样式(一个段落向右对齐,一个段落居中),就可以先定义两个类,在应用时只要在标记中指定它属于哪一个类,就可以使用该类的样式
此文档下载收益归作者所有