标签：不能 href 存储 样式表 class选择器 扩展 属性 nbsp 内联
以下内容根据菜鸟教程和自己的了解所写，还有很多不完善和错误的地方，欢迎指出。
样式用来定义如何显示HTML元素。
样式出现的原因是分离表现和内容。
样式一般存储在样式表中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS</title>
</head>
<body>
<h3>样式表</h3>
<ol>
<li>插入方法</li>
<ul style="list-style-type: disc">
<li>外部样式表</li>
<ul>
<li>使用方法:在文档头部(head标签里),使用link标签链接到样式表</li>
<li>link标签属性：
<br>     rel;
<br>     type="text/css";
<br>     href,对应css文件的相对路径</li>
<li>要求：文件内不能包含任何html标签；样式表应该以“.css”扩展名进行保存</li>
<li>注意：属性值和单位间不要留有空格</li>
</ul>
<li>内部样式表</li>
<ul>
<li>使用方法：使用style标签在头文件定义内部样式</li>
</ul>
<li>内联样式</li>
<ul>
<li>使用方法：在需要样式的标签里设置style属性，该属性可以包含任何css属性</li>
<li>注意：这种样式将表现和内容混在在一起，丧失了样式表的许多优势，需要慎用</li>
</ul>
<li>多重样式</li>
<ul>
<li>优先级:内联样式>内部样式>外部样式>浏览器默认样式</li>
<li>注意：在head里，若外部样式放在内部样式后面，则外部样式将覆盖内部样式
<br>         
ID选择器的权值高于class选择器的权值
</li>
</ul>
</ul>
</ol>
<hr>
<h3>CSS(层叠样式表)</h3>
<div>
<ol>
<li>结构</li>
<ul>
<li>结构：选择器{声明}</li>
<li>选择器</li>
<ul>
<li>id选择器：在id值前加“#”</li>
<li>class选择器：在class值前加“.”（注意类名的第一个字符不能用数字）</li>
</ul>
<li>声明</li>
<ul>
<li>声明(对属性的描述)以分号结束</li>
</ul>
</ul>
<li>注释</li>
<ul>
<li>格式为：“/*内容*/”</li>
</ul>
</ol>
</div>
</body>
</html>
标签：不能 href 存储 样式表 class选择器 扩展 属性 nbsp 内联
原文地址：https://www.cnblogs.com/C-bj/p/12122736.html
