📄 index.htm

📁 《CSS完全使用详解》源文件下载书籍源码

💻 HTM

字号:

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=gb2312">
		<title>CSS Demo</title>
		<style>
			body { background-color: #FFFFFF;
				background-image: url(bg.gif);
				background-repeat: no-repeat;
				font-size: 7pt;
				font-family: Arial,sans serif;
				color: #707070;
			}
			.titlediv { position: absolute;
				color: #B1B1B1;
				left: 450px;
				top: 100px;
				font-size: 14pt;
				font-weight: bold;
			}
			.titlespan { color: #D60002;
				font-weight: bold;
			}
			.subdiv { position: absolute;
				color: #B1B1B1;
				left: 450px;
				top: 120px;
			}
			.headlinediv { color: #D60002;
				font-size: 11pt;
				font-weight: bold;
				position: absolute;
				top: 360px;
				left: 150px;
			}
			.maindiv { position: absolute;
				top: 380px;
				left: 150px;
				font-family: verdana,sans serif;
				width: 200px;
			}
			.copyrightdiv { position: absolute;
				top: 627px;
				left: 120px;
				color: #B1B1B1;
			}
		</style>
	</head>

	<body>
		<div class="titlediv"><span class="titlespan">MEDIA</span> INTERACTIVE</div>
		<div class="subdiv">OUTSTANDING DESIGN SOLUTIONS</div>
		<div class="headlinediv">STUDIO PROFILE</div>
		<div class="maindiv"><p><span class="titlespan">Sed ut perspiciatis unde omnis</span> doloremque laudantium, totam rem aperiam eaque ipsa architecto beatae vitae dica sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspematur aut odit aut fugit sed quia consequuntur ipsa architecto beatae vitae dicta magni dolores eos qui ratione voluptatem sequi nesciunt.<p><span class="titlespan">Excepteur sint occaecat</span> cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed perspiciarem aperiam eaque ipsa architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas.</div>
		<div class="copyrightdiv">Copyright &copy; Companyname, 2007. Allrights Reserved</div>
	</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -