文档介绍:第7讲 CSS__层叠样式表
什么是CSS?
* CSS是Cascading Style Sheets(层叠样式表)的简称. * CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).* 在标准网页设计中CSS负责网页内容(XHTML)的表现. * CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.
* 可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以它是每一个网页设计人员的必修课.* CSS是由W3C的CSS工作组产生和维护的
如何将样式表加入到网页?
越接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。
可以用以下三种方式将样式表加入网页:
链入外部样式表文件
定义内部样式块对象
内联定义
链入外部样式表文件
先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:<head><title>文档标题</title><link rel=stylesheet href="" type="text/css"></head>而在XML中,你应该如下例所示在声明区中加入: <? xml-stylesheet type="text/css" href="" ?>
定义内部样式块对象
在HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。示例如下: <html><head><title>文档标题</title><style type="text/css"><!--body {font: 10pt "Arial"}h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}p {font: 10pt/12pt "Arial"; color: black}--></style></head><body> 请注意,这里将style对象的type属性设置为"text/css",是允许不支持这类型的浏览器忽略样式表单。
4月7号复习
建立书签链接与建立普通链接有何区别?
在网页中加入图像和图像映射分别用什么标记?
在网页中插入多媒体元素有哪两种标记?
什么是层叠样式表(CSS)?
A name= aa,#aa
Img src,map
Embed src=url;object classid=“” name=? Value=?
CSS(Cascading Style Sheets)中文翻译为层叠样式表单,简称样式表,是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。样式就是格式,在网页中,文字的大小、色彩及图片位置等,都是设置显示内容的样式。层叠是指在HTML文档中引用多个定义样式的样式文件(CSS文件)时,若多个样式文件间所定义的样式发生冲突,将依据层次顺序处理。
内联定义
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:<p style="margin-left: ; margin-right:">这一行被增加了左右的外补丁<p>
CSS的历史
* 1996年W3C正式推出了CSS1.    * 1998年W3C正式推出了CSS2.    * .    * CSS3现在还处于开发中.