CSS和HTML复习

一、HTML的基本内容

1.标签

标签元素:<h1-6>标题     

 <p>文本       

<a>超链接     

<hr>水平线   

<br>换行

<img>插入图片

<form>表单

2.代码及其实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>第一个H5文件</title>
		
	</head>
	<body>
		<h3 id="top">唐诗三首</h3>
		<a href="#黄鹤楼">黄鹤楼</a> <br>
		<a href="#江雪">江雪</a>   <br>
		<a href="#静夜思">静夜思</a> <br>
		<hr>
		<h3 id="黄鹤楼">黄鹤楼</h3>
		<p>昔人已乘黄鹤去,此地空余黄鹤楼。</p>
		<p>黄鹤一去不复返,白云千载空悠悠。</p>
		<p>晴川历历汉阳树,芳草萋萋鹦鹉洲。</p>
		<p>日暮乡关何处是?烟波江上使人愁。</p>
		<img src="img/黄鹤楼.jpg" alt="黄鹤楼" width="400" height="500">
		<hr>
		<h3 id="江雪">江雪</h3>
		<p>千山鸟飞绝,万径人踪灭。</p>
		<p>孤舟蓑笠翁,独钓寒江雪。</p>
		<img src="img/江雪.jpg" alt="江雪" width="400" height="500">
		<hr>
		<h3>静夜思</h3>
		<p>床前明月光,疑是地上霜。</p>
		<p>举头望明月,低头思故乡。</p>
		<img src="img/静夜思.jpg" alt="静夜思" width="400" height="500">
		<br>
		<form action="">
			姓名:<input type="text" name="username"><br>
			密码:<input type="password" name="password"><br>
			年龄:<input type="number" name="age">
		</form>
	</body>
</html>

二、CSS的基本内容

1.CSS三种常用引入方式

(1).直接在某个元素上加style属性
(2).在head标签里面,加style子标签
(3)在外部建一个css文件,再用link标签将外部css标签引入

2.CSS选择器

优先级:id选择器>class选择器>元素选择器</li>

分类:

后代、子代、交集、并集、属性选择器、伪类选择器

示例:

 

最后,帮忙点个赞呗!

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值