网页的美化，要使用css去设置样式，css就是层叠样式表（Cascading Style Sheet）
css的优势：
1.内容与表现分离
2.网页的表现统一，容易修改
3.丰富的样式，使页面布局更加灵活
4.减少网页的代码量，增加网页的浏览速度，节省网络宽带
5.运用独立于页面的css，有利于网页被搜索引擎收录
css注释： /* */
css的使用：
1.语法规则
选择器{ h1{
声明1; color（属性）:#ccc（值）;
声明2; Font-size:14px;
…… ……
} }
2.选择器
基本选择器：也叫标签选择器，选择器的写法和标签是一致的，所有的这些标签会使用统一的样式
p{ color:red; }
类选择器：
.red{ color:red; } 声明的时候，不要使用“.”。只有在声明的时候，要使用
<h1 class="red"></h1>
id选择器：id选择器在html中只能使用一次
#bule{ color:blue; }
<p id="blue"></hp>
3.网页中引用css样式
1.内联样式：就是要html中的标签中写属性style，再写css样式，比如：<p style="color:red; font-size:14px;"></p>，特点就是它给哪个标签加了样式，哪个标签的样式就会改变样式，作用范围是只有特定的标 签。缺点是将样式和html的内容混在一起了。
2.内部样式表：直接在html中的title标签之前直接使用<style type="text/css"></style>这样直接去写
3.外部样式表 先创建一个外部的css文件：*.css，把样式写在这个文件中，可以比较自由的给任何一个html中，直接去引用就可以了。
--链接式 <link rel="stylesheet" href="css文件路径"> 建议使用链接式的外部样式
--导入式 <style> @import "css文件路径"; </style> 注意“/”要写在这样的“/”
链接式和导入式区别：
1.<link/>标签属于xhtml，@import是属于css2.1
2.使用<link/>链接的css文件先加载到网页当中，再进行编译显示
3.使用@import导入的css文件，客户端显示html结构，再把css文件加载到网页当中
4.@import是属于css2.1特有的，对于不兼容css2.1的浏览器来说就是无效的。
字体样式：
font-family 设置字体类型 font-family:"椽书";
font-size 设置字体大小 font-size：12px;
font-style 设置字体风格 font-style：italic;
font-weight 设置字体粗细 font-weight：bold;
font 在一个声明中设置所有字体属性 font:italic bold 12px "宋体";