CSS：页面美化和布局控制

• 概念：
  • Cascading Style Sheets 层叠样式表
• 层叠：
  • 多个样式可以作用在同一个html的元素上，同时生效
• 优点：
  • 功能强大
  • 将内容展示和样式控制分离
    • 降低耦合度。解耦。
    • 让分工协作更容易
    • 提高开发效率
       

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

内联样式

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

<div style="color:red;">hello css</div>

内部样式

• 在head标签内，定义style标签，style标签的标签体内容就是css代码
• 如：

 <style>
        div{
            color:blue;
           }
    
</style>
        <div>hello css</div>

外部样式

• 1. 定义css资源文件。
• 2. 在head标签内，定义link标签，引入外部的资源文件
  • 如：
    • a.css文件：

 div{
                color:green;
    }

• b.html文件：

<link rel="stylesheet" href="css/a.css">
        <div>hello css</div>
        <div>hello css</div>

• 注意：
  • 1,2,3种方式 css作用范围越来越大
  • 1方式不常用，后期常用2,3
  • 第3种格式可以写为：

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

• 【注】：参考黑马CSS教程