CSS概述和CSS_与html结合方式

CSS概述:

css:页面美化和布局控制:

1.概念: cascading style sheets层叠样式表

层叠:多个样式可以作用在同一个html的元秦上,同时生效

2.好处∶

1.功能强大

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

降低耦合度。解耦

让分工协作更容易

提高开发效率

 

 

 

 

 

CSS_与html结合方式:

1.内联样式

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

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

2.内部样式

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

如∶

<style>

  div{

    color: blue;

  }

</ style>

<div>hello css</div>

3.外部样式

1.定义css资源文件。

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

如:

a.css文件:

 div{

   color: green;

  }

<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>

 

posted @ 2022-11-16 16:09  冰灵IT  阅读(23)  评论(0)    收藏  举报