一、CSS样式设置的艺术之旅

在网页设计中，CSS样式不仅为页面提供了丰富的色彩和布局，更是让网页元素焕发生机的重要工具。让我们一起深入了解如何在Dreamweaver中巧妙地运用CSS样式。

背景与文本样式的和谐融合

通过CSS，我们可以轻松地为网页设置页面背景色、标题颜色以及段落样式。例如，我们可以设置body的背景色为黄色，让每一个浏览者进入网站时都能感受到一股温暖的气息。而标题的绿松石色则能吸引用户的目光，使页面更具吸引力。每一个段落都可以拥有独特的背景色，甚至在代码中添加内边距来增强可读性。看看以下的代码示例：

```css

body { background-color: yellow; } / 设置整体背景色 /

h1 { background-color: 00ff00; } / 标题的独特背景色 /

p { background-color: rgb(250, 0, 255); } / 段落的特色背景色 /

p.no2 { background-color: gray; padding: 20px; } / 设置特定段落的内边距 /

```

在HTML结构中，合理使用标题标签（`

`、`

`等）和段落标签（`

`），将CSS的魔法效果发挥到极致。

行间距的优雅调整

网页中的文字不仅要有吸引人的内容，还要有舒适的排版。通过CSS，我们可以轻松地调整段落的行高。使用百分比或像素值定义行高，可以让文字在页面中呈现最佳阅读效果。例如：

```css

p.small { line-height: 90%; } / 使用百分比定义行高 /

p.big { line-height: 200%; } / 行高加倍，增加文字间的距离 /

p.small { line-height: 10px; } / 使用像素值定义固定行高 /

p.big { line-height: 30px; } / 为大段落设置更大的行间距 /

```

只需在HTML中通过类名应用这些样式，就能轻松实现优雅的排版。