css 属性

/* 示例代码：CSS 属性 */

/* 1. 设置元素的宽度和高度 */
div {
    width: 300px; /* 设置宽度为300像素 */
    height: 200px; /* 设置高度为200像素 */
}

/* 2. 设置背景颜色 */
body {
    background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */
}

/* 3. 设置字体样式 */
p {
    font-family: Arial, sans-serif; /* 设置字体为Arial，如果没有则使用无衬线字体 */
    font-size: 16px; /* 设置字体大小为16像素 */
    color: #333; /* 设置字体颜色为深灰色 */
}

/* 4. 设置边框 */
.box {
    border: 2px solid #000; /* 设置边框宽度为2像素，实线，黑色 */
}

/* 5. 设置内边距和外边距 */
.padding-margin {
    padding: 10px; /* 设置内边距为10像素 */
    margin: 20px; /* 设置外边距为20像素 */
}

/* 6. 设置文本对齐方式 */
.text-align {
    text-align: center; /* 设置文本居中对齐 */
}

/* 7. 设置浮动 */
.float {
    float: left; /* 设置元素向左浮动 */
}

/* 8. 设置定位 */
.position {
    position: absolute; /* 设置绝对定位 */
    top: 10px; /* 距离顶部10像素 */
    left: 20px; /* 距离左侧20像素 */
}

解释说明：

• 宽度和高度 (width, height)：用于设置元素的尺寸。
• 背景颜色 (background-color)：用于设置元素的背景颜色。
• 字体样式 (font-family, font-size, color)：用于设置文本的字体、大小和颜色。
• 边框 (border)：用于设置元素的边框样式、宽度和颜色。
• 内边距和外边距 (padding, margin)：用于设置元素内容与边框之间的间距（内边距）以及元素与其他元素之间的间距（外边距）。
• 文本对齐方式 (text-align)：用于设置文本的对齐方式（如居中、左对齐、右对齐等）。
• 浮动 (float)：用于控制元素在父容器中的浮动行为。
• 定位 (position, top, left)：用于设置元素的定位方式及其相对于父容器或视口的位置。