前端笔记08——CSS基础选择器

前言

前面学完了CSS的简介和使用。我有学习了CSS的基础选择器,下面分享一下我的学习笔记。

选择器

选择器写法

选择器{
		属性名称:属性值;
		属性名称2:属性值2;
		...
}

基础选择器

1.id选择器

id选择器是通过在html标签中设置id属性,在style标签里面用#id名称找到id用css代码设置样式。
代码示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#box{
				color: red;
			}
		</style>
	</head>
	<body>
		<div id="box">这是一个盒子</div>
	</body>
</html>

效果图:
在这里插入图片描述

2.类选择器

类选择器是通过在html标签中设置class属性,在style标签里面用class名称.找到class名称用css代码设置样式。

代码示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box{
				color: green;
			}
		</style>
	</head>
	<body>
		<div class="box">这是一个盒子</div>
	</body>
</html>

效果图:
在这里插入图片描述

3.标签选择器

标签选择器是通过在html页面中,在style标签里面用标签名称.找到标签用css代码设置样式。
代码示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			p{
				color: blue;
			}
		</style>
	</head>
	<body>
		<p>这是一个盒子</p>
		<p>这是一个盒子</p>
		<p>这是一个盒子</p>
		<p>这是一个盒子</p>
	</body>
</html>

效果图:
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cda备考学习学习笔记——基础知识篇(二)主要涉及了计算机科学与技术领域的基本概念和知识。 首先,它介绍了计算机网络的基础知识。网络是将多台计算机通过通信链路连接起来,使它们能够相互通信和共享资源的系统。笔记中详细介绍了网络的组成、拓扑结构和通信协议等重要内容。 其次,笔记还解释了计算机系统的基本组成。计算机系统由硬件和软件两部分组成,其中硬件包括中央处理器、存储器、输入输出设备等,而软件则分为系统软件和应用软件。笔记详细介绍了各种硬件和软件的功能和作用。 此外,笔记还对数据库管理系统进行了介绍。数据库管理系统是一种用于管理和组织数据的软件系统,它能够实现数据的存储、检索和更新等操作。笔记中详细介绍了数据库的概念、结构和操作等内容。 最后,笔记还包括了算法和数据结构的基础知识。算法是解决问题的一系列步骤和规则,而数据结构则是组织和存储数据的方式。笔记中介绍了常用的算法和数据结构,如排序算法、树和图等。 总之,通过学习CDA备考学习笔记中的基础知识篇(二),我们能够更好地理解计算机网络、计算机系统、数据库管理系统以及算法和数据结构等相关概念和知识。这些基础知识对于我们深入研究计算机科学与技术领域是非常重要的,也为我们日后的学习和工作奠定了坚实的基础

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值