html5前端杂记

本文介绍了如何使用CSS为HTML元素设置样式,包括颜色和字体大小等。通过具体实例展示了如何定义类选择器以及元素选择器,并应用于实际网页布局中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先是css的一些知识

毕竟自己懂得不多,但是一看资料。感觉似曾相识

<style>
.red-text {
color: red;
}
</style>//这里是css样式的代码

<h2 class="red-text">html编程入门教程</h2>

<p class="red-text">在大家心目中,也许编程是一件非常困难的事情,其实也是一件非常有乐趣的事情,只要掌握好编程入门的方法,就能慢慢进入一个全新的创造世界。</p>

 要求

HTML 设置标签的字体大小


字体大小由 font-size CSS属性控制,如下所示:

h1 {
  font-size: 30px;
}

在现有 p 元素之后创建第二个 p 元素,并使用以下文本:

养动物有的时候,就是介于爱与恨之间,当你钦羡别人萌宠这么可爱的时候,你一定没有想过,狗狗和猫猫会到处拉屎,甚至会屯老鼠,啃鞋子,用爪子爬门,你不理它,它就挠你,你要对它发脾气,它会比你更来劲。所以,狗猫慎入,没有一定的准备,切勿随便去侍养动物。它们一旦认定你了,你就是它们的主人,如果你抛弃它们,它们必定心中重创。

在包含 red-text 类的同一 <style> 标签内,为 p 元素创建一个 font-size 属性,并将 font-size 设置为16像素(16px)。

任务:将第一个段落和第二个段落的 font-size 设置为 16px

另外,请不要为第二个段落添加 class 属性。

代码如下:

<style>
  .red-text {
    color: red;
  }
  p {
      font-size: 16px; 
  }
</style>

<h2 class="red-text">我家的猫咪</h2>

<p class="red-text">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,怎能不惹人怜爱。</p>
<p>养动物有的时候,就是介于爱与恨之间,当你钦羡别人萌宠这么可爱的时候,你一定没有想过,狗狗和猫猫会到处拉屎,甚至会屯老鼠,啃鞋子,用爪子爬门,你不理它,它就挠你,你要对它发脾气,它会比你更来劲。所以,狗猫慎入,没有一定的准备,切勿随便去侍养动物。它们一旦认定你了,你就是它们的主人,如果你抛弃它们,它们必定心中重创。</p>

 

转载于:https://www.cnblogs.com/pengwenzheng/p/8462005.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值