html 样式添加方式及其优先级学习记录

来源：互联网发布：计算年龄的软件编辑：程序博客网时间：2024/06/06 19:39

html css有三种方式添加，外部样式表（外部引用）、内部样式表、内联样式。优先级顺序从低到高，概括为距离越近优先级越高，高优先级样式会继承低优先级样式中自己不具备的样式，同时覆盖相同的样式（即低优先级样式失效，只保留高优先级的）。

e.g.:内联样式,定义在标签内部，只在内部生效

<span style="color: red">测试</span>

内部样式表，定义在head标签内，作用于整个页面

<head>    <meta charset="UTF-8"><!--显示中文内容需声明编码格式为utf-8否则可能显示乱码-->    <style>        h1        {            font-size: small;        }    </style></head>
外部样式表 在head中引用，存储于专门的.css文件中

<head>    <meta charset="UTF-8">    <link rel="stylesheet" type="text/css" href="css1.css"></head>

阅读全文

0 0