1. 字体属性（Font）:
- font-family: 定义字体系列。
body {
font-family: "Arial", sans-serif;
}
- font-size: 定义字体大小。
h1 {
font-size: 24px;
}
- font-weight: 定义字体粗细。
p {
font-weight: bold;
}
2. 文本属性（Text）:
- color: 定义文本颜色。
p {
color: #333;
}
- text-align: 定义文本对齐方式。
div {
text-align: center;
}
- line-height: 定义行高。
p {
line-height: 1.5;
}
3. 盒模型属性（Box Model）:
- width: 定义元素宽度。
.container {
width: 80%;
}
- height: 定义元素高度。
img {
height: 200px;
}
- margin: 定义外边距。
.box {
margin: 10px;
}
- padding: 定义内边距。
.box {
padding: 20px;
}
- border: 定义边框。
.box {
border: 1px solid #ccc;
}
4. 背景属性（Background）:
- background-color: 定义背景颜色。
body {
background-color: #f0f0f0;
}
- background-image: 定义背景图像。
.header {
background-image: url('header.jpg');
}
- background-repeat: 定义背景图像的重复方式。
.content {
background-repeat: no-repeat;
}
5. 定位属性（Positioning）:
- position: 定义元素定位方式。
.absolute {
position: absolute;
}
- top, right, bottom, left: 定义元素相对于其定位父元素的偏移。
.absolute {
top: 10px;
left: 20px;
}
这只是CSS的一小部分。不同的属性和值可以组合使用，根据具体的设计需求来调整样式。
转载请注明出处：http://www.zyzy.cn/article/detail/4084/CSS