"CSS外边距和内边距是CSS层叠样式表中的基本概念，用于控制元素的布局和间距。"
在CSS中，外边距（Margin）和内边距（Padding）是调整元素周围空间的重要工具。外边距是指元素边框与相邻元素之间的距离，而内边距则是元素内容与其边框之间的距离。
**外边距（Margin）**
外边距用于设置元素与其他元素或页面边缘的距离。你可以分别设置四个方向的外边距：`margin-top`、`margin-right`、`margin-bottom`和`margin-left`。此外，也可以使用简写属性`margin`一次性设置所有四个方向的外边距，按照上、右、下、左的顺序进行赋值，例如：`margin: 10px 20px 30px 40px;` 这表示顶部10像素，右侧20像素，底部30像素，左侧40像素。如果只需要设置对称的外边距，可以使用如`margin: 10px 20px;`的形式，表示上下10像素，左右20像素。
**内边距（Padding）**
内边距则是元素内容与边框之间的空间，用于增加元素内部的视觉效果或保持内容与边框的距离。同理，可以分别设置`padding-top`、`padding-right`、`padding-bottom`和`padding-left`，或者使用`padding`简写属性，顺序同样遵循上、右、下、左。例如，`padding: 15px;` 将设置所有四边的内边距为15像素。
**样式表的分类**
样式表分为三种类型：
1. 行内样式表（Inline Styles）：通过在HTML元素的`style`属性中直接定义样式，如`<p style="color:red;">`。
2. 内嵌样式表（Internal Styles）：在HTML文档的`<head>`部分使用`<style>`标签定义样式，适用于整个页面的样式。
3. 外部样式表（External Styles）：将CSS规则保存在单独的`.css`文件中，然后通过`<link>`标签引入到HTML文档中，方便样式复用和管理。
**层叠（Cascading）**
CSS的“层叠”特性允许优先级不同的样式相互覆盖，当存在多个样式规则时，根据来源、特异性（Specificity）和优先级来决定最终应用的样式。
**DHTML与CSS**
DHTML（Dynamic HTML）是结合HTML、CSS、JavaScript和DOM（Document Object Model）技术实现动态网页效果的总称。在示例代码中，可以看到CSS用于设置元素的样式，如颜色、字体大小和字体家族，以此改变HTML元素的显示效果。
CSS的外边距和内边距是网页布局的关键，而CSS作为DHTML的核心组成部分，负责网页元素的样式设定，实现丰富的视觉效果和交互体验。通过熟练掌握CSS，开发者可以更加精确地控制网页的外观和布局。
我的内容管理
展开
