p { font-size: 16px; color: #333333; }
首先,CSS样式表可以用来修改HTML页面的外观和布局。通过使用不同的CSS属性,可以改变页面的字体、颜色、大小、位置等等。例如,在上面的代码中,大家使用了font-size属性来设置段落的字体大小,color属性来设置字体颜色。
p { margin: 0; padding: 16px; }
其次,CSS样式表具有继承性。这意味着如果在父元素中定义了一些属性,那么子元素将会继承这些属性。例如,在上面的代码中,大家使用了padding属性来设置段落的内边距,那么所有的段落元素都会继承这个属性。
p { display: block; float: left; }
另外,CSS样式表可以改变页面元素的显示方式。通过使用display属性,可以将元素设置为block(块级元素)或inline(行内元素),从而改变元素的尺寸和位置。此外,通过使用float属性,可以使元素浮动到页面的左侧或右侧,实现页面的多列布局。
p { text-align: center; background-color: #f0f0f0; }
最后,CSS样式表可以为页面元素添加特殊的效果。例如,在上面的代码中,大家使用了text-align属性来设置文本的对齐方式,background-color属性来设置背景颜色。通过使用不同的效果和属性,可以增强页面的可读性和吸引力。