CSS笔记：CSS概述

CSS：页面美化和布局控制

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

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

内联样式

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

hello css

内部样式

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

 
        
hello css

外部样式

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

 div{
                color:green;
    }

• b.html文件：

        
hello css
        
hello css

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

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