/* 选择器 */ p { /* 属性 */ color: blue; font-size: 18px; line-height: 1.5; text-align: center; } /* 属性 */ color: 指定文本颜色,可以使用名称、十六进制值或RGB值表示。 font-size: 指定文字大小。 line-height: 指定行高,可以是数字或百分比。 text-align: 指定文本对齐方式,可以是left、right、center或justify等。
除了这些基本属性,CSS还提供了许多其他的可用于美化网页的属性。
/* 背景 */ background-color: 指定背景颜色。 background-image: 指定背景图片,可以使用相对或绝对路径指定。 background-repeat: 指定背景图片的重复方式,有repeat、repeat-x、repeat-y和no-repeat四种。 background-size: 指定背景图片的大小,可以通过px、em、rem、%等单位指定,也可以使用cover或contain。 background-position: 指定背景图片在元素中的位置,可以使用top、bottom、left、right、center等参数。 /* 边框 */ border: 指定边框样式、宽度和颜色。可以分别指定border-style、border-width和border-color属性。 border-radius: 指定边框圆角大小。可以使用px或%等单位。 /* 盒子模型 */ width: 指定元素宽度,可以使用px、em、rem、%等单位。默认值为auto。 height: 指定元素高度,可以使用px、em、rem、%等单位。默认值为auto。 margin: 指定元素外边距,可以分别指定上、右、下、左四个方向的值,也可以使用auto自动调整。 padding: 指定元素内边距,也可以分别指定上、右、下、左四个方向的值。 box-shadow: 指定阴影效果,可以指定水平偏移量、垂直偏移量、模糊度和颜色等参数。 /* 文字格式 */ font-family: 指定字体名称,可以使用系统字体或自定义字体。 font-weight: 指定字体粗细,可以是normal、bold、bolder或lighter等。 text-decoration: 指定文本修饰,可以是underline、overline、line-through等效果。 text-transform: 指定文本大小写转换,可以是uppercase、lowercase、capitalize等方式。
通过以上CSS属性的组合和使用,大家可以轻松地实现各种网页的美化和排版效果。