Web实验四 CSS应用综合实验 5月19日

Evan Lu兔子小姐

已于 2022-05-22 17:38:29 修改

阅读量625

点赞数

分类专栏： Web 文章标签： css 前端 css3

于 2022-05-22 17:30:07 首次发布

本文链接：https://blog.csdn.net/Yutouxn0/article/details/124912367

版权

本次实验旨在深化CSS的图文混排和CSS+DIV布局技巧，包括在网页上应用CSS以实现特定设计，以及理解并运用iframe。实验内容涵盖制作图文混排页面和浮动框架页面的实践操作。

摘要由CSDN通过智能技术生成

【实验目的】

1．掌握CSS的图文混排。

2．掌握在网页上应用CSS的方法。

3. 掌握iframe的使用。

【实验重点及难点】

掌握CSS+DIV布局。

【实验内容】

1、制作下图所示的图文混排页面。

<!DOCTYPE html>
<html>
<head>
	<title>背影</title>
	<style type="text/css">
    #all{width: 800px;height:730px;margin: 0px auto;background: #ccc;}
    .s1{font-size:30px;font-family: 隶书;text-align: center;}
    .s2{font-size:20px;font-family: 隶书;text-align: right;}
    .s3{font-size:16px;text-indent: 2em;}
    .img1{float:left;}
    .img2{float:right;}
	</style>
	
</hea