第08章 使用CSS样式控制网页外观
- 格式:ppt
- 大小:1.13 MB
- 文档页数:38
css的定义和使用方法CSS的定义和使用什么是CSSCSS,全称为”层叠样式表”(Cascading Style Sheets),是一种用来描述网页(HTML文档)样式的标记语言。
它可以控制网页中的布局、字体、颜色、背景等各个方面的样式,使得网页的外观更加美观和易于独立调整。
CSS的引入方式CSS可以通过以下几种方式引入页面:1.内联样式:直接在HTML标签的style属性中编写CSS代码,例如:<p style="color: red;">这是一段红色文字。
</ p>2.内部样式表:将CSS代码写在<style>标签中,放在HTML文档的<head>区域中,例如:<head><style>p {color: red;}</style></head><body><p>这是一段红色文字。
</p></body>3.外部样式表:将CSS代码写在一个独立的CSS文件中,通过<link>标签引入,例如:<head><link rel="stylesheet" href=""></head><body><p>这是一段红色文字。
</p></body>:p {color: red;}CSS选择器CSS选择器用于选择HTML中的元素,并为其应用样式。
常用的选择器有:•标签选择器:通过标签名选择元素,例如p选择所有的段落()。
•类选择器:通过类名选择元素,以点号开头,例如.red选择所有具有class="red"的元素。
•ID选择器:通过ID选择元素,以井号开头,例如#header选择具有id="header"的元素。
CSS用样式表美化你的网页第1天:选择什么样的DOCTYPE前言大家好!这个系列文章是按阿捷自己制作这个站点的过程编写的。
之前阿捷也一直没有制作过一个真正符合web标准的网站。
现在边参考国外资料边制作,同时把过程中的心得和经验记录下来,希望对大家有点帮助。
好了,让我们开始吧第一天开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。
查看本站首页原代码,可以看到第一行就是:打开一些符合标准的站点,例如著名web设计软件开发商Macromedia,设计大师Zeldman的个人网站,会发现同样的代码。
而另一些符合标准的站点(例如)的代码则如下:那么这些代码有什么含义?一定要放置吗?什么是DOCTYPE上面这些代码我们称做DOCTYPE声明。
DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。
其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。
要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。
XHTML 1.0 提供了三种DTD声明可供选择:过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。
完整代码如下:严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如。
完整代码如下:框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。
完整代码如下:我们选择什么样的DOCTYPE理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)。
第十章在网页中使用CSS样式CSS 即 Cascading Style Sheets,称为层叠样式表,又称级联样式表。
CSS 技术是一种格式化网页的标准方式,它通过设置CSS属性使网页元素获得各种不同的效果。
它扩展了HTML的功能,使网页设计者能够以更有效的方式设计网页属性。
本章介绍CSS技术的概念和应用。
通过本章的学习,读者应该掌握以下内容:·CSS样式的分类及应用方式·使用CSS样式表面板·建立CSS样式表·自定义CSS样式·链接外部CSS样式·复制CSS样式和导出CSS样式10.1 CSS样式的分类及应用方式10.1.1 CSS样式表概述使用CSS定义的网页风格可以控制HTML语言标志的一些诸如字体、边框、颜色、背景等属性,也可以通过定义外部风格文件实现整个网站页面风格的统一。
CSS不仅能定义文字格式,还可以为文字创造出丰富多彩的图形效果。
使用文字加样式表来代替部分图形,以减少网页文件的字节数,提高网页的浏览速度,从而提高了网站的竞争力。
使用CSS的滤镜功能,还可以直接对图形添加特效,就像图形处理软件一样,使网页更加绚丽。
CSS样式为一组样式,它的属性在HTML标签中依次出现,并不显示在浏览器中。
CSS样式可以定义在HUE文档的标记里,也可以在外部附加文档中作为外加文件。
此外,一个样式表可以作用多个页面,乃至整个站点,因此具有更好的易用性和扩展性。
使用CSS技术除了可以在单独网页中应用一致的格式以外,对于大网站的格式设置和维护更具有重要意义。
将CSS样式定义到样式表文件中,然后在多个网页中同时应用该样式表中的样式,就能确保多个网页具有一致的格式,并且能够随时更新(只要更改样式表文件就可以使所有网页自动更新),从而大大降低了网站的开发和维护工作量。
由于CSS具有以上这些优点,它已经成为一种应用非常广泛的网页设计技术,甚至可以说,如果不懂CSS技术就很难设计出专业化的网站。