HTML 2

类是可重用的样式,可以添加到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 元素是自关闭元素,不需要结束标签。

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值