CSS-网页制作小实践

最新推荐文章于 2024-09-14 08:09:14 发布

娃娃救葫芦爷

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量357

点赞数

分类专栏： CSS基础

本文链接：https://blog.csdn.net/cc098818/article/details/99329023

版权

CSS基础专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1、网页裸奔

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页裸奔</title>
</head>
<body>
<h1>Java之父——詹姆斯·高斯林</h1>
<img src="../java.jpg"/>
<p>Java之父——詹姆斯·高斯林出生于加拿大，是一位计算机编程天才。在卡内基·梅隆大学攻读计算机博士学位时，他编写了多处理器版本的Unix操作系统。</p>
<p>1991年，在Sun公司工作期间，高斯林和一群技术人员创建了一个名为Oak的项目，旨在开发运行于虚拟机的编程语言，同时允许程序在电视机机顶盒等多平台上运行。后来，这项工作就演变为Java。随着互联网的普及，尤其是网景开发的网页浏览器的面世，Java成为全球最流行的开发语言。因此被人称作Java之父。</p>
<p>高斯林一直对oracle公司抱有不满。这位工程师在离开甲骨文时写到，“我所说的都关乎细节与诚实，但吐露真相只会带来更多的坏处。”并称，“在Sun与oracle的并购会议上，到处是有关Sun和谷歌专利的争吵。oracle律师的眼睛闪闪发光。”
他表示，在收购Sun的早期阶段，oracle就表示出要同谷歌展开法律交锋的意愿。他本人也曾批评Android市场上的碎片化现象太过严重，足以影响软件开发者的工作。</p>
</body>
</html>

运行结果：
在这里插入图片描述
2、设置标题


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置标题</title>
<style type="text/css">
	/*
		用CSS对页面进行美化
	*/
	
	/* 设置标题 */
	h1{
		color: white;
		background-color: gray;
		text-align: center;
		padding: 20px;
	}
</style>
</head>
<body>
<h1>Java之父——詹姆斯·高斯林</h1>
<img src="../java.jpg"/>
<p>Java之父——詹姆斯·高斯林出生于加拿大，是一位计算机编程天才。在卡内基·梅隆大学攻读计算机博士学位时，他编写了多处理器版本的Unix操作系统。</p>
<p>1991年，在Sun公司工作期间，高斯林和一群技术人员创建了一个名为Oak的项目，旨在开发运行于虚拟机的编程语言，同时允许程序在电视机机顶盒等多平台上运行。后来，这项工作就演变为Java。随着互联网的普及，尤其是网景开发的网页浏览器的面世，Java成为全球最流行的开发语言。因此被人称作Java之父。</p>
<p>高斯林一直对oracle公司抱有不满。这位工程师在离开甲骨文时写到，“我所说的都关乎细节与诚实，但吐露真相只会带来更多的坏处。”并称，“在Sun与oracle的并购会议上，到处是有关Sun和谷歌专利的争吵。oracle律师的眼睛闪闪发光。”
他表示，在收购Sun的早期阶段，oracle就表示出要同谷歌展开法律交锋的意愿。他本人也曾批评Android市场上的碎片化现象太过严重，足以影响软件开发者的工作。</p>
</body>
</html>

运行结果：
在这里插入图片描述
3、设置图片


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置图片</title>
<style type="text/css">
	/*
		用CSS对页面进行美化
	*/
	
	/* 设置标题 */
	h1{
		color: white;
		background-color: gray;
		text-align: center;
		padding: 20px;
	}
	
	/* 设置图片  */
	img{
		width: 150px;
		height: 180px;
		float: left;
		margin: 5px;
	}
</style>
</head>
<body>
<h1>Java之父——詹姆斯·高斯林</h1>
<img src="../java.jpg"/>
<p>Java之父——詹姆斯·高斯林出生于加拿大，是一位计算机编程天才。在卡内基·梅隆大学攻读计算机博士学位时，他编写了多处理器版本的Unix操作系统。</p>
<p>1991年，在Sun公司工作期间，高斯林和一群技术人员创建了一个名为Oak的项目，旨在开发运行于虚拟机的编程语言，同时允许程序在电视机机顶盒等多平台上运行。后来，这项工作就演变为Java。随着互联网的普及，尤其是网景开发的网页浏览器的面世，Java成为全球最流行的开发语言。因此被人称作Java之父。</p>
<p>高斯林一直对oracle公司抱有不满。这位工程师在离开甲骨文时写到，“我所说的都关乎细节与诚实，但吐露真相只会带来更多的坏处。”并称，“在Sun与oracle的并购会议上，到处是有关Sun和谷歌专利的争吵。oracle律师的眼睛闪闪发光。”
他表示，在收购Sun的早期阶段，oracle就表示出要同谷歌展开法律交锋的意愿。他本人也曾批评Android市场上的碎片化现象太过严重，足以影响软件开发者的工作。</p>
</body>
</html>

运行结果：
在这里插入图片描述
4、设置正文


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置正文</title>
<style type="text/css">
	/*
		用CSS对页面进行美化
	*/
	
	/* 设置标题 */
	h1{
		color: white;
		background-color: gray;
		text-align: center;
		padding: 20px;
	}
	
	/* 设置图片  */
	img{
		width: 150px;
		height: 180px;
		float: left;
		margin: 5px;
	}
	
	/* 设置正文 */
	p{
		font-size: 12px;
		line-height: 1.5;
		text-indent: 2em;
	}
</style>
</head>
<body>
<h1>Java之父——詹姆斯·高斯林</h1>
<img src="../java.jpg"/>
<p>Java之父——詹姆斯·高斯林出生于加拿大，是一位计算机编程天才。在卡内基·梅隆大学攻读计算机博士学位时，他编写了多处理器版本的Unix操作系统。</p>
<p>1991年，在Sun公司工作期间，高斯林和一群技术人员创建了一个名为Oak的项目，旨在开发运行于虚拟机的编程语言，同时允许程序在电视机机顶盒等多平台上运行。后来，这项工作就演变为Java。随着互联网的普及，尤其是网景开发的网页浏览器的面世，Java成为全球最流行的开发语言。因此被人称作Java之父。</p>
<p>高斯林一直对oracle公司抱有不满。这位工程师在离开甲骨文时写到，“我所说的都关乎细节与诚实，但吐露真相只会带来更多的坏处。”并称，“在Sun与oracle的并购会议上，到处是有关Sun和谷歌专利的争吵。oracle律师的眼睛闪闪发光。”
他表示，在收购Sun的早期阶段，oracle就表示出要同谷歌展开法律交锋的意愿。他本人也曾批评Android市场上的碎片化现象太过严重，足以影响软件开发者的工作。</p>
</body>
</html>

运行结果：在这里插入图片描述
5、设置整体页面


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置整体页面</title>
<style type="text/css">
	/*
		用CSS对页面进行美化
	*/
	
	/* 设置整体页面  */
	body{
		margin: 0px;
		background-color: #DFDFDF;
	}
	
	/* 设置标题 */
	h1{
		color: white;
		background-color: gray;
		text-align: center;
		padding: 20px;
	}
	
	/* 设置图片  */
	img{
		width: 150px;
		height: 180px;
		float: left;
		margin: 5px;
	}
	
	/* 设置正文 */
	p{
		font-size: 12px;
		line-height: 1.5;
		text-indent: 2em;
	}
</style>
</head>
<body>
<h1>Java之父——詹姆斯·高斯林</h1>
<img src="../java.jpg"/>
<p>Java之父——詹姆斯·高斯林出生于加拿大，是一位计算机编程天才。在卡内基·梅隆大学攻读计算机博士学位时，他编写了多处理器版本的Unix操作系统。</p>
<p>1991年，在Sun公司工作期间，高斯林和一群技术人员创建了一个名为Oak的项目，旨在开发运行于虚拟机的编程语言，同时允许程序在电视机机顶盒等多平台上运行。后来，这项工作就演变为Java。随着互联网的普及，尤其是网景开发的网页浏览器的面世，Java成为全球最流行的开发语言。因此被人称作Java之父。</p>
<p>高斯林一直对oracle公司抱有不满。这位工程师在离开甲骨文时写到，“我所说的都关乎细节与诚实，但吐露真相只会带来更多的坏处。”并称，“在Sun与oracle的并购会议上，到处是有关Sun和谷歌专利的争吵。oracle律师的眼睛闪闪发光。”
他表示，在收购Sun的早期阶段，oracle就表示出要同谷歌展开法律交锋的意愿。他本人也曾批评Android市场上的碎片化现象太过严重，足以影响软件开发者的工作。</p>
</body>
</html>

运行结果：
在这里插入图片描述