CSS基础

CSS：页面的美化工作和布局控制

概念：

Cascading Style Sheets 层叠样式表
层叠：多个样式可以作用在同一个html元素上，同时生效

好处：

• 功能强大
• 将内容的展示和样式的控制分离
  降低耦合度，解耦
  让分工协作更容易
  提高开发的效率

CSS的使用：CSS与HTML的结合方式

• 内联样式：在标签内使用style属性指定css代码

• 内部样式：在head标签中，定义style标签，style标签的标签体内容就是css代码

• 外部样式：
  1. 定义css的资源文件
  2. 在head标签中，定义link标签，引入外部的资源文件
  编写 a.css文件

    		div{
    			color: green;
    		}
    	<link rel="stylesheet" href="css/a.css">
  

  注意： 三种方式，css作用范围越来越大
  内联方式不常用，内部和外部样式常用
  外部样式还可以这样写：

    		<style>
    			@import "css/a.css";
    		</style>