类是可重用的样式,可以添加到HTML元素。
先声明一个CSS类,例如:
<
style>
.blue-text {
color: blue;
}
<
/style>
这就已经在 <
style>
标签中创建了一个名为 blue-text 的CSS类。
然后将类应用于HTML元素,例如:
<
h2 class="blue-text">
CatPhotoApp<
/h2>
注意,在CSS样式元素中,类选择器应该添加.为前缀。而在HTML元素的类声明中,类属性不能添加.为前缀。
可以通过在相关元素的开始标签中使用 class=“your-class-here” 将类附加到HTML元素。可以多次重复使用。
字体大小由 font-size CSS属性控制,如下所示:
h1 {
font-size: 30px;
}
将字体大小设置为30px
可以使用 font-family 属性来设置元素的字体。例如:
h2 {
font-family: Sans-serif;
}
将h2的字体设置为Sans-serif。
在所有浏览器中都有几种可用的默认字体。这些包括 Monospace 、Serif 和 Sans-Serif。
当某种字体不可用时,你可以让浏览器将其 “降级” 为另一种字体。
例如,如果你希望元素使用 Helvetica 字体,但是当 Helvetica 不可用时也会降级为Sans-Serif 字体,则可以使用此CSS样式:
p {
font-family: Helvetica, Sans-Serif;
}
越写在前面,越优先。
可以使用 img 元素将图片添加到您的网站,并使用 src 属性指向一个图片的具体地址。
例子如下:
<
img src="https://www.your-image-source.com/your-image.jpg">
img 元素具有 alt 属性。alt 属性中的文本用于屏幕阅读器以提高可访问性,并且如果图像无法加载,则会显示。
请注意,img 元素是自关闭元素,不需要结束标签。