css基本语法

作者：身后错过痛过漫长情节ゝ发布日期:2026-06-28 浏览:64

/* CSS 基本语法示例 */

/* 选择器 { 属性: 值; } */

/* 示例 1: 标签选择器 */
p {
    color: blue; /* 设置段落文本颜色为蓝色 */
    font-size: 16px; /* 设置段落字体大小为16像素 */
}

/* 示例 2: 类选择器 */
.class-name {
    background-color: yellow; /* 设置具有该类的元素背景颜色为黄色 */
    padding: 10px; /* 设置内边距为10像素 */
}

/* 示例 3: ID 选择器 */
#id-name {
    border: 1px solid black; /* 设置具有该ID的元素边框为1像素黑色实线 */
    margin: 5px; /* 设置外边距为5像素 */
}

/* 示例 4: 组合选择器 */
div p {
    color: red; /* 设置在 div 元素内的 p 元素文本颜色为红色 */
}

/* 示例 5: 伪类选择器 */
a:hover {
    text-decoration: underline; /* 当鼠标悬停在 a 元素上时，设置文本下划线 */
}

上一篇：css loader

下一篇：css columns