CSS
CSS:页面美化和布局控制
1. 概念:Cascading Style Sheets 层叠样式表
层叠:多个样式可以作用在同一个html的元素(标签)上,同时生效
2. 好处:
1.功能强大
2.将内容展示(HTML)和样式控制(CSS)分离
*降低耦合度。解耦
*让分工协作更容易
*提高开发效率
3. CSS的使用:CSS与html结合方式
1. 内联样式(不推荐使用)(只能在当前标签内生效)
在标签内使用style属性指定css代码


2. 内部样式(只能在当前页面上生效)
在 head 标签内,定义style标签,style标签的标签体内容就是css代码


3. 外部样式(所有页面均生效)
1. 定义css资源文件
2. 在 head 标签内,定义 link 标签, 来引入外部的资源文件



注意:
1,2,3种方式 css作用范围越来越大
1方式不常用,后期常用2,3
其中,第3种方式中,引入外部css资源文件,
<link rel="stylesheet" href=" ">
(快捷:link+Tab键)
还有一种不常用的写法:
