1.1 CSS美化的好处
概念:Cascading Style Sheet 层叠样式表
作用:在网页制作时可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。让HTML制作出来的网页更加漂亮,页面更容易维护。
1.2 CSS的编写规范
<style type="text/css">
/*选择器,选中所有的td*/
td {
text-align: center;
color: blue;
}
h2 {
/*设置为红色*/
color: red;
}
</style>
1.3 CSS的位置
1.3.1 行内样式
- 行内样式就是直接在HTML内部使用style属性进行编写的。
- 缺点:
1.耦合度高,HTML代码和css代码混在一起。
2.复用性极差。
<div style="color: red;font-size: 33px">这个是div</div>
1.3.2 内部样式
- 实现过程:在head标签内部添加style标签,然后编写css样式。
弊端: 复用性稍差,因为当前页面使用的css样式不能被其他页面所使用。
<style type="text/css">
div{
color: green;
font-size: 33p