CSS与html的结合方式
<!-- 内联样式,在标签内使用style属性指定css代码--> <div style="...">Hello</div>
<head> <meta charset="UTF-8"> <title>Title</title> <style> div{ color: red; } </style> </head> <body> <!-- 内部样式,在head标签内,定义style标签,style标签的标签体内容就是css代码--> <div>Hello</div> </body>
<head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/a.css"> </head> <body> <!-- 外部样式,定义css资源文件,在head标签内,定义link标签,引入外部的资源文件--> <div>Hello</div> </body>
注意:
1,2,3种方式 css作用范围越来越大
1方式不常用,后期常用2,3
第3种格式可以写为:
<style>
@import "css/a.css";
</style>
CSS语法格式
格式:选择器{
属性名1:属性值1
属性名2:属性值2
......
}
选择器:筛选具有相似特征的元素
注意:
每一对属性需要使用分号 ";" 隔开,最后一对属性可以不加分号
标签:语法,html,css,格式,Hello,CSS,属性 From: https://www.cnblogs.com/yuzong/p/16814534.html