第14章 CSS颜色与度量单位

CSS样式与布局实践

于 2015-07-28 22:47:08 发布 · 145 阅读

阅-H5 专栏收录该内容

40 篇文章

订阅专栏

本文通过实例演示了如何使用CSS来设置文字颜色及段落宽度等属性，展示了不同颜色值的使用方法，并对段落的高度和宽度进行了设置。

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>

<p>这是一个段落</p>

</body>
</html>

style.css

@charset "utf-8";

body {
	font-size: 50px;
}

p {
	/*color: DarkGoldenrod;*/
	/*color: #ff0000;*/
	/*color: #000000;*/
	/*color: #000;*/
	/*color: #f00;*/
	/*color: #f0f;*/
	/*color: rgb(0,128,128);*/
	/*color: rgba(0,128,128,0.2);*/
	/*color: hsl(120,100%,30%);*/
	/*color: hsla(120,100%,30%,0.2);*/
	margin: 0;
	padding: 0;
	background: gray;
/*	font-size: 20px;
	height: 2em;*/
	font-size: 200%;
	/*height: 50px;*/
	width: 50%;
}