CSS(1)

优势：
内容与表现分离
网页的表现统一，容易修改
丰富的样式，使得页面布局更加灵活
减少网页的代码量，增加网页的浏览速度，节省网络宽带
运用独立于页面的CSS，有利于页面被搜索引擎收录
选择器{
声明1；
声明2；
}
行内样式

<h1 style="color:red;">style属性的应用</h1>

内部样式
style标签写到head里

<style >
    h1{
        color: green;
    }
    </style>

外部样式
链接式:
先加载在编译
导入式:
显示HTML结构，在编译样式
以下例子为链接式：
创建一个.css结尾的文件在head标签里写link标签href文件路径

<link rel="stylesheet" href="demoStyle.css">

在.css文件里写

    h1{
        color: green;
    }

行内样式>内部样式>外部样式

标签选择器

 h1{
        color: green;
    }

类选择器

<p class="red">飞流直下三千尺</p>
.red{
    color: red;
}

id选择器

<p id="yellow">遥看瀑布挂前川</p>
#yellow{
    color: yellow;
}

id选择器>类选择器>标签选择器