第16章 CSS盒模型[上]

最新推荐文章于 2024-09-01 21:38:19 发布

iteye_17658

最新推荐文章于 2024-09-01 21:38:19 发布

阅读量68

点赞数

分类专栏：阅-H5

阅-H5 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title>CSS盒模型[上]</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div>我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，我是HTML5，</div>

</body>
</html>

style.css

@charset "utf-8";

/*body {
	border: 1px solid red;
}*/

div {
	background: silver;
	width: 200px;
	height: 200px;

/*	min-width: 100px;
	min-height: 100px;
	max-width: 300px;
	max-height: 300px;*/

	/*width: 60%;*/


	/*width: 50%;*/

/*	width: auto;
	height: auto;*/


/*	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;*/

	/*padding: 10px;*/
	/*padding: 10px 20px;*/
	/*padding: 10px 20px 30px;*/
	/*padding: 10px 20px 30px 40px;*/

/*	margin-top: 50px;
	margin-left: 50px;*/

	/*overflow-y: visible;*/
	/*overflow-y: auto;*/
	/*overflow-y: hidden;*/
	overflow-y: scroll;
}