html文章排版 float和display应用

五赶

已于 2022-09-27 16:42:36 修改

阅读量139

点赞数

文章标签： css html5

于 2022-09-27 16:35:24 首次发布

本文链接：https://blog.csdn.net/m0_61707987/article/details/127073723

版权

<style>
	div{
		width: 100%;
	}
	hr{
		width: 80%;
		margin: 10px auto  15px;
	}
	.one{
		width: 80%;
		margin: auto;
	}
	.one img{
		width: 100%;
	}
	.two{
		width: 80%;
		margin:auto;
	}
	.two p{
		font-size: 30px;
	}
	.two span{
		color: #cccc;
		font-size: 15px;
	}
	.three{
		width: 80%;
		margin: 10px auto 0;
		font-size: 12px;
	}
	.four{
		width: 80%;
		margin: auto;
		display: flex;
	}
	.four img{
		width: 20%;
	}
	.four p{
		font-size: 15px;
	}
	.four span{
		margin-top: 10px;
		font-size: 12px;
	}
	.five{
		width: 80%;
		margin: 0 10% 0 10%;
	}
	.five p{
		font-size: 15px;
	}
	.five span{
		margin-top: 15px;
		font-size: 12px;
	}
	</style>
	<body>
		<div class="one">
			<img src="img/banner.jpg" />
		</div>
		<div class="two">
			<p>阿玛尼<span>（时尚设计大师乔治·阿玛尼创立品牌）</span></p>
		</div>
		<hr />
		<div class="three">
			阿玛尼是世界知名奢侈品牌，1975年由时尚设计大师乔治·阿玛尼（Giorgio Armani）创立于意大利米兰，
			乔治·阿玛尼是在美国销量最大的欧洲设计师品牌，他以使用新型面料及优良制作而闻名。
		</div>
		<div class="four">
			<img src="img/logo.jpg" alt="">
			<p>品牌标志<br>
			<span>阿玛尼品牌标志是由一只在往右看的雄鹰变形而成。
			鹰象征了品牌至高的品质，卓越和技艺，从此以它做为永久的象征。</span>
			<br>
			<span>giorgio armani阿玛尼的标志设计，
			在另外一方面，追求一种至高的简约，优雅的设计方向，
			它由圆圆的G和曲线的A构成一个圆，赋予了精炼和优雅的新style。历史传承</span></p>
		</div>
		<hr />
		<div class="five">
			<img style="float: right"  src="img/glorgio.jpg" />
			<p>历史传承<br>
			<span>创办人Giorgio Armani在1934年生于米兰市近郊。1957年，当他服完兵役后，便到当时得令的百货
			公司“La Rinascente”担当“橱窗设计师”（window dresser）。1961年，他转到Nino Cerruti当设计师。
			</span><br>
			<span>1974年，他与朋友Sergio Galeotti合资，毅然成立以Giorgio Armani为名字的男装品牌。甫一出道，
			Giorgio Armani的首个男装系列，便深受时装买手和传媒的注视。西装上衣是其signature piece，剪裁秀丽，
			潇洒易穿。1975年，增设女装线。值得一提，其妹Rosanna Armani是意大利Top model，她运用自己的影响力，
			令Giorgio Armani备受认识。Giorgio Armani名气日盛，生意兴隆，开设second line 似乎是自然不过的事。
			1981年，Emporio Armani正式成立，于米兰开设首间Emporio Armani专门店。“Emporio”是意大利文，意思是“百货公司”。
			从其名字可想像到Emporio Armani就是一间Armani百货公司，货品种类林林总总：有男装女装、鞋履、香水以至眼镜饰物等等。
			风格走年青路线，为爱Armani但不喜欢穿成熟的main line的年青人，提供了多一个不俗的选择，一间他们喜爱的生活百货。
			Emporio Armani挟着Giorgio Armani的威势，于八十年代大受欢迎，分店开得一间接一间，由米兰开到美洲亚洲。
			更于世界各地十二个不 同的城市诸如巴黎、大阪等开设Emporio Armani Caffe，将音乐、美食、
			室内设计美学等概念融汇在一起，为寻常百姓家展示了一代意大利名师的休闲生活哲学。作为大名鼎鼎的Armani旗下的副牌，
			设计上也更加前卫、
			大胆。这一季的Armani Exchange以“暗夜的性感”为主题，色彩用以黑色为主打，采用牛仔、针织等面料，
			营造年轻具有活力的诱惑风格。在性感诱惑的同时，也延续了Armani为人著称的优雅迷人，性感、野性却绝不媚俗。
			</span></p>

新手小白记录作业(ღ˘⌣˘ღ)