HTML 与 CSS 通用

<style>
<!--类选择器-->
.red-text {
<!-- css颜色样式， 1.直接对应颜色 color: red; 2.16进制RGB color:#FFFFFF; 3.2进制rgb color: rgb(0, 0, 255); -->
color: red;
}
<!-- <style> 部分中的 class 声明的顺序是重要的，第二个声明将始终优先于第一个声明。对于相同的元素，后者会覆盖前者,内联样式覆盖最优先. 我们来给 pink-text 元素的 color 声明加上关键字 !important，以使 100% 确保你的 h1 元素是粉色的。 举例如下： color: pink !important; -->
<!--元素选择器-->
h2 {
font-family: Lobster, Monospace;
}

p {
<!--设置字体大小-->
font-size: 16px;
<!--设置字体类型-->
font-family: Monospace;
}

.thick-green-border {
<!--设置边框颜色-->
border-color: green;
<!--设置边框粗细-->
border-width: 10px;
<!--设置边框类型-->
border-style: solid;
<!--设置边框圆角 像素为圆角 百分比时边框为圆形-->
border-radius: 50%;
}
<!--设置图片宽度-->
.smaller-image {