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  阅读(171)  评论(0编辑  收藏  举报