JavaWeb入门____2.DIV&CSS

最新推荐文章于 2022-08-23 10:40:38 发布

原创最新推荐文章于 2022-08-23 10:40:38 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaWeb #DIV #CSS

JavaWeb入门专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了在JavaWeb开发中如何使用DIV和CSS进行网页布局和样式设计，包括内嵌样式、内部样式及外部样式三种方法。通过具体实例展示了不同样式引入方式的效果，帮助初学者掌握网页样式的基础知识。

JavaWeb入门____2.DIV&CSS

2.1引入样式
2.1.1内嵌样式

<html>
	<head>
	
	</head>
	
	<body>
		<div style="color:red;font-size:100px">内嵌样式</style>
		<!--不建议使用-->
		
		</body>
</html>

程序运行结果为：
在这里插入图片描述
2.1.2内部样式

<!--<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			div { 
				font-size:12px;
				text-align: center;
			}
		</style>
	
	</head>
	
	<body>
		<div>HTML中引用CSS的嵌入式方法</div>
			
	</body>
</html>
-->
<html>
	<head>
		<style type="text/css">
			div { 
				font-size:12px;
				text-align: center;
			}
		</style>
	
	</head>
	
	<body>
		<div>HTML</div>
			
	</body>
</html>

程序运行结果为：在这里插入图片描述
2.1.3外部样式

<html>
	<head>
		<link  href="wcss.css" type="text/xss">
		
	</head>
	
	<body>	
		<html>
			<head>
				<title>This  is  my first page.<title>
			</head>
			<body>
				<div ></div>
			</body>
		</html>	
		<div> 外部式样范例</div>
	</body>
</html>

程序运行结果为：