1. color属性 .color { color: red; }
Color属性定义文字的颜色。颜色可以使用关键字(例如:red,blue等)或十六进制值(例如:#FF5733,#0000FF等)。
2. background-color属性 .bg-color { background-color: yellow; }
background-color属性定义元素的背景颜色。颜色也可以使用关键字或十六进制值。
3. font-size属性 .font-size { font-size: 16px; }
font-size属性定义文字的大小。大小可以使用像素(px),百分比(%)或其他单位。
4. font-weight属性 .font-weight { font-weight: bold; }
font-weight属性定义文字的粗细程度。值可以是normal(正常),bold(粗体),lighter(较轻),bolder(更粗)或一个数字值。
5. text-align属性 .text-align { text-align: center; }
text-align属性定义文字的对齐方式。值可以是left(左对齐),center(居中对齐),right(右对齐)。
6. display属性 .display { display: inline-block; }
display属性定义元素的显示方式。值可以是inline(行内元素),block(块级元素),inline-block(行内块级元素)等。
7. margin属性 .margin { margin: 10px; }
margin属性定义元素与周围元素的间距。值可以是一个值(相等间距),两个值(上下间距,左右间距),四个值(上、右、下、左间距)。
8. padding属性 .padding { padding: 15px; }
padding属性定义元素与内容之间的距离。值可以是一个值(相等距离),两个值(上下距离,左右距离),四个值(上、右、下、左距离)。
以上就是CSS的8个基本属性。掌握这些属性,你就可以轻松地控制网页的外观和布局。