CSS入门教程:层叠样式表基础与应用

需积分: 9 0 下载量 5 浏览量 更新于2024-07-24 收藏 264KB PDF 举报
本资源是一份全面的CSS教程实例,由松迪科技(北京)有限公司的主讲人田雪松提供。CSS,即层叠样式表(Cascading StyleSheet),是一种用于描述网页元素如何呈现的标记语言,它将网页的样式和内容分离,使得设计师能够更好地控制网页布局和外观。CSS的历史可以追溯到1994年由Håkon Wium Lie提出,W3C于1996年底发布了其第一个官方版本。 该教程详细介绍了CSS的使用方法,包括三种常见的引入方式: 1. 链入外部样式表:用户可以创建一个单独的CSS文件,并通过HTML文件中的`<link>`标签引入,例如: ``` <head> <title>……</title> <link rel="stylesheet" href="styles.css" type="text/css"> </head> ``` 或者使用XML语法: ```xml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <?xml-stylesheet type="text/css" href="styles.css"?> </head> </html> ``` 2. 定义内部样式块:在HTML文件的`<head>`部分直接嵌入CSS代码,通过`<style>`标签实现,如: ``` <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: normal; } </style> </head> ``` 这里展示了如何设置`<body>`、`<h1>`和`<h2>`元素的基本样式。 通过学习这份教程,初学者可以了解CSS的基础概念,掌握如何组织和应用样式,以及如何有效地管理网页外观。无论是对于网页开发者还是设计者,理解和使用CSS都是提升网页质量和用户体验的重要技能。