CSS边界设置详解：控制网页布局与间距

"《设置边界 - 网页设计（清华大学版）》一章深入探讨了CSS（层叠样式表）在网页设计中的关键作用。CSS通过控制元素的边界（margin）来管理元素与页面内容之间的空白间距，其四个属性——margin-top、margin-right、margin-bottom和margin-left，分别对应元素上、右、下、左的外边距。基本语法规定了如何设置这些边距，如使用长度单位（像素、em等）或百分比单位，以及可以设置为自动值。 本章节详细介绍了CSS的工作原理，它是一种样式表语言，用于分离网页内容和表现形式。CSS通过层叠机制处理样式冲突，遵循“最近优先原则”，确保样式的一致性和可维护性。样式规则由选择符（如`h1`、`div`等）和声明组成，后者包含一个或多个属性值对，如`color:red; background:yellow;`，并通过大括号`{}`包围。 学习内容还包括CSS的构造，如添加注释以便更好地理解和维护代码，注释应使用`/* ... */`格式，并强调注释不能嵌套。另外，继承是CSS的重要特性，它允许子元素继承父元素的某些样式，提高了代码复用效率。 章节还涉及如何用多个HTML页面调用一个CSS文件，以及利用`<link>`标签实现样式链接。使用`<style>`标签内联样式和`<div>`元素配合CSS（即所谓的`DIV+CSS`）编写HTML页面是常见的方法。此外，CSS能够精细控制背景图片的显示方式，包括设置背景图片的位置、重复模式等。滚动条的样式设置也是本节的重点，包括颜色、宽度和外观等方面。 本章内容覆盖了CSS的基础知识和实践技巧，帮助读者掌握如何有效地运用CSS来美化和组织网页布局，提升用户体验。"