练习——图文混排

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>儿童节的来历</title>
		<link rel="stylesheet" href="index.css" />
	</head>
	<body>
	<h1>六一儿童节的由来简介</h1>
	<img src="../../picture/六一儿童节.jpg" alt="" />
<p>国际儿童节定于每年的6月1日。为了悼念1942年6月10日的利迪策惨案和全世界所有在战争中死难的儿童,反对虐杀和毒害儿童,以及保障儿童权利。</p>
<p>国际儿童节的设立,和发生在二战期间一次著名的屠杀有关。1942年6月,德国法西斯枪杀了捷克利迪策村16岁以上的男性公民140余人和全部婴儿,并把妇女和90名儿童押往集中营。村里的房舍、建筑物均被烧毁,好端端的一个村庄就这样被德国法西斯给毁了。</p>
<p>早在1949年11月,国际民主妇女联合会在前苏联莫斯科召开会议,参加会议的代表为了保证全世界儿童的生存权、保健权和受教育权,反对帝国主义战争贩子毒害、虐待儿童,提出了每年的6月1日为国际儿童节的建议。从此以后,每年的6月1日,各国儿童举行集会,庆祝自己的节日。</p>
<p>我国是在1949年12月23日做出决定,规定每年6月1日为儿童节。1950年的6月1日,毛泽东主席还亲笔为儿童节题写“庆祝儿童节”。今年已是新中国成立之后的第52个儿童节了。同学们在欢度节日的时候,要时刻牢记:今天我们是祖国的花朵,将来要做社会主义大厦的栋梁。</p>
	</body>
</html>
*{
	margin: 0;
	padding: 0;
}
body{
	width: 870px;
	margin-left: auto;
	margin-right: auto;
}
h1{
	text-align: center;
	font-size: 20px;
}
p{
	text-indent: 2em;
}
img{
	float: left;
	width: 200px;
}

浮动属性

最初设计float属性便是将他用来问题与图像的排版的。他的属性值有
left:左浮动
right:右浮动
none:默认值不浮动
inherit:从父元素继承

设置首行缩进

首行缩进

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

覆东流

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值