/* 设置元素的字体样式 */ p { font-family: Arial, sans-serif; /* 字体家族 */ font-size: 16px; /* 字体大小 */ font-weight: bold; /* 字体粗细 */ font-style: italic; /* 字体样式 */ } /* 设置元素的背景样式 */ p { background-color: #f5f5f5; /* 背景颜色 */ } /* 设置元素的文本样式 */ p { color: #333; /* 文字颜色 */ text-align: center; /* 文字对齐方式 */ text-decoration: none; /* 文字装饰 */ text-transform: uppercase; /* 文字大写 */ } /* 设置元素的边框和内边距样式 */ p { border: 1px solid #ccc; /* 边框样式 */ padding: 10px 15px; /* 内边距样式 */ margin: 0; /* 外边距样式 */ }
以上代码展示了一些常用的CSS基础样式设置方法。通过修改这些样式属性可以改变文本的字体,颜色,背景,边框等样式。
学习如何设置基础样式是编写高质量网页的基础。使用这些基础样式可以使你的网页更美观,易于阅读。