当前位置:首页 » HTML/CSS

CSS

2017-01-07 20:40 本站整理 浏览(3)

一、CSS的简介

层叠样式表 CSS可以用来为网页创建样式表,通过样式表可以对网页进行装饰。 所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。 而CSS就可以分别为网页的各个层次设置样式。

二、CSS初识

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>CSS</title>
		
	</head>
	<body>
		<!--
        	可以将CSS样式编写到元素的style属性当中
        	将样式直接编写到style属性中,这种样式我们称为内联样式
        	内联样式只针对当前元素中的内容起作用,内联样式不方便服用
        	内联样式属于结构和表现耦合,不方便后期的维护,不推荐使用的
                -->
		<p style="color: red;font-size: 24px;">锄禾日当午,汗滴禾下土。</p>
		
		<p>谁知盘中餐,粒粒皆辛苦。</p>
	
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>CSS</title>
		<!--
        	也可以将CSS样式编写到head中的style标签内
        		将样式表编写的style标签中,然后通过CSS选择器选中指定元素
        			然后可以同时为这些元素一起设置样式,这样可以使得样式进一步的复用
        		将样式表编写到style标签中,也可以使得表现和结构进一步分离,也是我们推荐的方式
        -->
		<style type="text/css">
			p{
				color: red;
				font-size: 25px;;
			}
			
		</style>
	</head>
	<body>
		<!--
        	可以将CSS样式编写到元素的style属性当中
        	将样式直接编写到style属性中,这种样式我们称为内联样式
        	内联样式只针对当前元素中的内容起作用,内联样式不方便服用
        	内联样式属于结构和表现耦合,不方便后期的维护,不推荐使用的
        -->
		<p style="color: red;font-size: 24px;">锄禾日当午,汗滴禾下土。</p>
		
		<p>谁知盘中餐,粒粒皆辛苦。</p>
	
	</body>
</html>
本文出自 “11831428” 博客,请务必保留此出处http://11841428.blog.51cto.com/11831428/1890054

猜你在找