一、CSS作用:
Css可以静态的修饰用html或者xhtml制作的网页,丰富网页内容,美化网页外观,拥有对网页对象和模型样式编辑的能力,也能够用其中的转换(transform)、过渡(transition)、动画(animation)等样式进行简单的动态样式修饰网页。
二、CSS分类:
1. 行内样式:
语法:
<div style=”color:red;”>文本内容</div>
(样式效果:将文本内容字体颜色变为红色)
知识点:
①行内样式权值最大,在三种样式中,具有优先最高级,会优先显示;
②局限性:不适应于多个标签使用相同的样式效果,代码量会大大增多;
2. 内部样式:
语法:
<head>
<style type=”text/css”rel=”stylesheet”>
div{color:red;}
</style>
</head>
<body>
<div>文本内容</div>
</body>
知识点:
①内部样式必须写在<head></head>标签内;
②优点:HTML文档头部定义多个style元素,实现多个样式表;
3. 外部样式:
语法:
<head>
<link href=”路径.css” type=”text/css”rel=”stylesheet”>
</head>
<body>
<div>文本内容</div>
</body>
知识点:
①可将css样式保存为独立的文件,与html文件互不干扰,提高效率;
②有利于网站的维护;
③可用于多个html文件的共享样式表;