书写css代码的三种方式
1，内部引入方式（直接在html页面上书写css代码）
放在head标签里面
2，行内引入（只对某个标签有效，直接写属性样式，不需要写选择器）
3，外部引入（单独创建一个css文件）
注意：可以引入多个
CSS使用方法优先级
就近原则：距离html元素最近的css样式起作用。
行内 优先于 内部引入。
内部引入 和 外部引入 优先级由它的位置决定。
CSS使用方法优先级
就近原则：距离html元素最近的css样式起作用。
行内 优先于 内部引入。
内部引入 和 外部引入 优先级由它的位置决定。
css核心语法
选择器{
属性名1：属性值1；
属性名2：属性值2；
属性名3：属性值3；
}
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>基本css语法</title>
<!-- 外部引入方式 -->
<link rel="stylesheet" type="text/css" href="css/main.css" />
<!-- 内部引入方式 -->
<style type="text/css">
div{
font-size:30px;
font-family:"楷体";
}
p{
font-size:10px;
}
</style>
<link rel="stylesheet" href="css/footer.css" />
</head>
<body>
<div>我是第1个div标签里面的内容</div>
<div>我是第2个div标签里面的内容</div>
<div>我是第3个div标签里面的内容</div>
<p>我是p标签里面的内容</p>
<!-- 行内引入 -->
<p style="color: brown;font-size: 30px;">我是p标签里面的内容</p>
</body>
</html>
main.css
div{
color:green;
font-size:10px;
}
