HTML与CSS基础:常用CSS属性详解

需积分: 10 1 下载量 201 浏览量 更新于2024-08-18 收藏 1.25MB PPT 举报
本资源主要介绍了最常用的CSS属性及其含义,同时结合HTML与CSS基础,深入讲解了HTML文档的基本结构。首先,HTML文档是互联网上广泛使用的文档类型,由HTML标记、头部信息和文本主体三部分构成。HTML文档以`<html>`开始并以`</html>`结束,头部信息包含文档标题和其他元数据,用`<head>`和`</head>`包围,而主体内容则在`<body>`和`</body>`之间呈现。 1. HTML文档结构: - `<html>`:文档的根元素,定义HTML文档的开始和结束。 - `<head>`:存放文档的元数据,如标题 `<title>` 和 `<meta>` 标签,内容不会显示在浏览器窗口中。 - `<body>`:文档的主要内容区域,用户在浏览器中实际看到的内容。 CSS属性部分: - `font-size`:控制文本的字体大小,如 `font-size:14px;`。 - `color`:设置文本的颜色,如 `color:red;`。 - `line-height`:定义行间距,如 `line-height:160%;`。 - `text-decoration`:用于添加或修改文本装饰,如 `text-decoration:none;` 取消下划线。 - `text-indent`:文本缩进,如 `text-indent:2em;`,1em等于当前字体大小。 - `background-color`:设置背景颜色,如 `background-color:#ffeeaa;`。 此外,资源还提及了CSS的基础知识,包括CSS的盒子模型,这是理解页面布局和元素定位的重要概念,它将网页元素视为矩形盒子,由内容区域、内边距、边框和外边距四部分组成。 整体来看,这是一份关于HTML基础和CSS入门的指南,适合初学者了解和掌握网页制作的基本语法和样式设置。通过学习这些内容,读者能够构建出结构清晰、视觉美观的网页。