- 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个就是常用的属性设置。
时间： 2024-10-18 09:29:09