p { color: red; /*文本颜色*/ font-size: 16px; /*字体大小*/ font-weight: bold; /*字体粗细*/ line-height: 1.5; /*行高*/ text-align: center; /*文本对齐方式*/ text-decoration: none; /*文本装饰*/ } img { width: 100%; /*图片宽度*/ height: auto; /*图片高度*/ border: none; /*图片边框*/ display: block; /*块级元素*/ }
在以上代码中,可以看到CSS包括设置文本颜色、字体大小、字体粗细、行高、文本对齐方式、文本装饰等各种文本属性的功能,还包括设置块级元素、图片宽高、边框等的功能。
除此之外,还有一些比较常用的CSS属性,比如:
background-color: #ffffff; /*背景颜色*/ padding: 10px; /*内边距*/ margin: 10px; /*外边距*/ border-radius: 10px; /*边框圆角*/ box-shadow: 2px 2px 2px #ccc; /*阴影*/
以上代码展示的属性分别可以设置背景颜色、内边距、外边距、边框圆角和阴影等样式。
总之,使用CSS可以实现丰富多彩的页面效果,通过熟悉掌握其中的属性,可以更好地进行网页设计与开发。