CSS-概述
概念:Cascading Style Sheets 层叠样式表
层叠:多个样式可以作用在同一个HTML的元素上,同时生效
好处:
1.功能强大
2.将内容展示和样式控制分离,
1.降低耦合度,解耦
2.让分工协作更容易
3.提高开发效率
CSS-与HTML结合方式
1.内联样式:
<!-- 内联样式 在标签内使用style属性指定css代码 --> <div>hello css</div>
2.内部样式
<head> <meta charset="UTF-8"> <title>css与html结合方式</title> <style> div{ color: red; } </style> </head> <body> <!-- 内部样式 在head标签内,定义style标签,style标签的标签体内容就是css代码 --> <div>hello css</div> </body>
3.外部样式
<head> <meta charset="UTF-8"> <title>css与html结合方式</title> <!--引入外部的资源文件--> <link rel="stylesheet" href="css/a.css"> </head> <body> <!-- 外部样式 定义css资源文件 在head标签内,定义link标签,引入外部的资源文件 --> <div>hello css</div> </body>
外部文件:
div{ color: blue; }
注意:
1,1,2,3种方式,css作用范围越来越大
2,1方式不常用,后期常用的方式2 ,3 种
3,3种格式可以写为:引入外部资源方式
<style> @import "css/a.css"; </style>
标签:方式,样式,HTML,概述,CSS,hello,css From: https://www.cnblogs.com/qihaokuan/p/16827341.html