CSS_概述和CSS_与html结合方式

CSS_概述

CSS：页面美化和布局控制

　　概念：Cascading Style Sheets 层叠样式表

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

　　好处：

　　　　功能强大

　　　　将内容展示和样式控制分离

　　　　　　降低耦合度。解耦

　　　　　　让分工协作更容易

　　　　　　提高开发效率

CSS_与html结合方式

1.内联样式

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

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

2.内部样式

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

<!-- 在head内 -->

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

<div>hello css</div>

3.外部样式

1.定义css资源文件。

2.在head标签内，定义link标签，引入外部的资源文件

<div>hello css</div>
<div>hello css</div>

注意：

　　1,2,3种方式，css的作用范围越来越大

　　1方式不常用，后期常用的是2,3

　　第3种格式可以写为：

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

 

搜索

复制