常见的CSS属性:
宽度(width):设置元素的宽度。
.container {
width: 300px;
}
高度(height):设置元素的高度。
背景颜色(background-color):设置元素的背景颜色。
.box {
background-color: #ff0000;
}
字体(font):设置文本的字体样式,包括字体族、大小、粗细等。
p {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
}
颜色(color):设置文本的颜色。
h1 {
color: blue;
}
边框(border):设置元素的边框样式,包括宽度、颜色、样式等。
.image {
border: 1px solid #000000;
}
内边距(padding):设置元素内容与边框之间的间距。
.content {
padding: 10px;
}
外边距(margin):设置元素与相邻元素之间的间距。
.box {
margin: 20px;
}
文本对齐(text-align):设置文本在元素内的对齐方式,如左对齐、居中对齐、右对齐等。
.center-align {
text-align: center;
}
浮动(float):指定元素在文档中的浮动方式,使其脱离正常的文档流。
.left-float {
float: left;
}
显示(display):设置元素的显示方式,如块级元素、行内元素、隐藏等。
.hidden {
display: none;
}
悬停效果(hover):设置元素在鼠标悬停时的样式变化。
盒模型(box model):设置元素的内外边距、宽度和高度的计算方式。
- 这只是一小部分常见的CSS属性,CSS还有很多其他属性可用于控制网页的样式和布局。