css常用属性

/* CSS 常用属性示例 */

/* 1. 设置文本颜色 */
p {
    color: blue; /* 将段落文本颜色设置为蓝色 */
}

/* 2. 设置背景颜色 */
div {
    background-color: lightgray; /* 将 div 的背景颜色设置为浅灰色 */
}

/* 3. 设置字体大小 */
h1 {
    font-size: 24px; /* 将 h1 标题的字体大小设置为 24 像素 */
}

/* 4. 设置字体粗细 */
strong {
    font-weight: bold; /* 将 strong 元素的字体设置为粗体 */
}

/* 5. 设置文本对齐方式 */
p {
    text-align: center; /* 将段落文本居中对齐 */
}

/* 6. 设置边框 */
.box {
    border: 2px solid black; /* 为 .box 类添加一个 2 像素宽的黑色实线边框 */
}

/* 7. 设置外边距 */
.margin-example {
    margin: 10px; /* 为元素添加 10 像素的外边距 */
}

/* 8. 设置内边距 */
.padding-example {
    padding: 20px; /* 为元素添加 20 像素的内边距 */
}

/* 9. 设置宽度和高度 */
.container {
    width: 300px; /* 设置容器的宽度为 300 像素 */
    height: 200px; /* 设置容器的高度为 200 像素 */
}

/* 10. 设置浮动 */
.float-example {
    float: left; /* 使元素向左浮动 */
}

以上代码展示了常见的 CSS 属性及其用法，包括文本颜色、背景颜色、字体大小、字体粗细、文本对齐、边框、外边距、内边距、宽度和高度以及浮动。