CSS居中樣式實例：一個簡單的網頁布局示例
CSS是一種用于設計和布局網頁的樣式語言。通過使用CSS，我們可以創建各種樣式，包括布局和排版，以實現所需的效果。居中是一種常用的CSS樣式，它可以使文本或元素居中在屏幕上。在本文中，我們將介紹一個簡單的網頁布局示例，演示如何使用CSS將文本或元素居中。
在本例中，我們將創建一個包含一個標題和一個段落的HTML頁面。我們將使用CSS將文本和元素居中。
```html
<!DOCTYPE html>
<html>
<head>
<title>居中樣式示例</title>
<style>
body {
text-align: center;
h1 {
text-align: center;
p {
line-height: 1.5;
text-align: center;
</style>
</head>
<body>
<h1>居中標題</h1>
<p>居中段落內容。</p>
</body>
</html>
在這個示例中，`body`元素被設置為“text-align: center”，這意味著文本將居中。`h1`元素被設置為“text-align: center”，因為它位于`body`元素的下方，需要將其居中。`p`元素被設置為“text-align: center”，因為它是一個段落元素，需要將其居中。
這只是一個簡單的示例，還可以使用其他CSS屬性來控制元素的居中效果，例如`margin`和`padding`屬性。還可以使用其他CSS樣式來控制布局和外觀，例如`box-sizing`和`width`屬性。
通過使用CSS，我們可以創建各種樣式，包括布局和排版，以實現所需的效果。居中是一種常用的CSS樣式，可以用于將文本或元素居中在屏幕上。掌握CSS居中樣式的技巧，可以讓您創建更美觀、更易于閱讀的網頁。