html5+css学习笔记
css：页面美化和布局控制
- 概念：Cascading Style Sheets 层叠样式表
- 层叠：多个样式可以作用在同一个html元素上，同时生效
- 好处：
- 功能强大
- 将内容展示和样式控制分离
- 降低耦合度，解耦
- 让分工协作更容易
- 提高开发效率
- css的使用：css与html的结合方式
- 内联样式（不常用）
- 内部样式
- 外部样式
- 另外的一种引入外部的css资源方式
-
<style> @import "css/a.css" ; </style>
代码示例如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css样式</title> <!-- <style> div{ color: blue; } </style>--> <link rel="stylesheet" href="css/a.css"> </head> <body> <!--1、内联样式（不常用） 在标签内使用style属性来指定css代码--> <!--<div style="color: red">Hello word</div>--> <!-- 2、内部样式--> <!-- 在head标签内定义 style标签，style标签的标签题内容就是css代码--> <!--<div>Hello word 内部样式</div>--> <!-- 3、外部样式 在head标签中用link引用外部的css资源 --> <div>Hello word 外部部样式</div> </body> </html>
定义的a.css文件中的内容为:
div{ color: green; }
