以下内容根据菜鸟教程和自己的了解所写
以下内容按照菜鸟教程和本身的了解所写,还有很多不完善和错误的处所,欢迎指出。
样式用来界说如何显示HTML元素。
样式呈现的原因是疏散表示和内容。
样式一般存储在样式表中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS</title>
</head>
<body>
<h3>样式表</h3>
<ol>
<li>插入要领</li>
<ul>
<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>
CSS01-CSS部分根本常识
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32602.html
- 上一篇: 自动安装部署工具ideploy
- 下一篇:而且没有任何已知的转发地址