CSS--开篇 - LinkinPark

1，什么是CSS?

层叠样式表(Cascading Style Sheet ),定义了如何显示HTML元素，用来控制网页的样式和布局。
引入CSS后：HTML标记专门用于定义网页的内容，而使用CSS来设置其显示效果。
CSS2.0是目前广泛使用的级联样式单规范。CSS2.0提供了一种机制，就是说让程序员开发的时候不考虑显示和页面，显示的问题有美工后期来解决。实际开发中一般都是先由美工写好页面，也就是静态的html，然后拿给程序员来用就OK。

下面是2个html，第1个没有使用css，第2个使用了css。

<html>
<head>
<title>Hello!</title>
</head>
<body>
	<h2>通过样式表来改变网页外表</h2>
	<p id="p1">欢迎来到CSS世界</p>
	<div>css给我们带来丰富多彩的世界</div>
	<br>
	<div>人生本就充满了矛盾，任何人都无可奈何！</div>
</body>
</html>

<html>
<head>
<title>测试: 内部样式表</title>
<style type="text/css">
h2 {
	color: red;
	font-size: 46px;
	font-family: 宋体;
}

#p1 {
	font-size: 30px;
	background: blue;
	font-family: 黑体;
}
.cs {
	font-size: 20px;
	background: green;
	font-family: 黑体;
}
</style>
</head>
<body>
	<h2>通过样式表来改变网页外表</h2>
	<p id="p1">欢迎来到CSS世界</p>
	<div class="cs">css给我们带来丰富多彩的世界</div>
	<br>
	<div class="cs">人生本就充满了矛盾，任何人都无可奈何！</div>
</body>
</html>

2，为什么要用CSS?

CSS的作用：表达效果丰富，文档体积小，便于信息检索，可读性好。
CSS的精髓：将页面内容和显示样式分离。
第一，简化网页的代码，提高访问速度。外部的CSS文件会被浏览器保存在缓存里，加快下载显示的速度，减少了需要上传的代码数量。
第二，便于维护。便于修改网站样式:只要修改css文件，就可改变整个网站的风格特色。避免一个个网页的修改，大大减少重复劳动的工作量，而且还可以重用样式。

第三，页面内容和显示样式分离。使得美工和程序员可以专注做自己删除的东西。

研究CSS，其实东西不多，毕竟我们不是专门的美工人员，大致有个了解就OK了，第1个就是CSS选择器，第2个就是常用的属性设置。

posted on 2015-05-24 13:56 LinkinPark 阅读(172) 评论(0) 编辑收藏举报