/* 属性1:text-align */ p { text-align: center; } h1 { text-align: left; } /* 属性2:font-size */ p { font-size: 16px; } h1 { font-size: 24px; } /* 属性3:color */ p { color: #333; } h1 { color: #666; }
属性1:text-align
text-align
是用来设置文字对齐方式的属性。上面的代码中,大家设置了两个不同的text-align
值来控制不同元素的文字对齐方式。
属性2:font-size
font-size
用于设置文字的大小。同样,上文中大家使用了不同的font-size
设置来控制不同元素的文字大小。
属性3:color
color
属性用于设置文字的颜色。同样,大家使用了不同的color
属性值来控制不同元素的文字颜色。
使用这些具有相同属性值的属性,能够方便地控制不同元素的样式,使网页造型更加美观,同时也更加易于阅读。