css id

作者：罚尘封魔发布日期:2025-11-24 浏览:43

/* 使用 CSS ID 选择器来定义特定元素的样式 */

#header {
    background-color: #f8f9fa;
    padding: 10px;
    text-align: center;
}

#main-content {
    margin: 20px;
    font-size: 16px;
}

#footer {
    background-color: #343a40;
    color: white;
    padding: 10px;
    text-align: center;
}

解释说明：

#header：这个选择器会匹配 HTML 中带有 id="header" 的元素，并为其应用指定的样式。
#main-content：匹配带有 id="main-content" 的元素，设置其外边距和字体大小。
#footer：匹配带有 id="footer" 的元素，设置背景颜色、文本颜色、内边距和文本对齐方式。

每个页面中 id 应该是唯一的，因此 ID 选择器用于针对单个特定元素进行样式设置。

上一篇：css 加下划线

下一篇：css 过渡效果