CSS--开篇

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个就是常用的属性设置。

巴特西

CSS--开篇

最新文章

热门文章