CSS插入html的三种方式以及优缺点

CSS插入html的三种方式以及优缺点

仅仅通过HTML写出的网页是没有灵魂的，不符合我们现代人的审美，所以我们需要使用CSS来对HTML进行修饰和美化。那怎么在HTML中插入CSS呢？这里我会介绍三种方式以及相应的优缺点。

第一种：行内样式/行间样式

所谓行间样式就是将样式写在标签中, 样式只作用于该标签上, 例子如下:

<div style="color:red;border:1px solid grey;"> 我是行内样式</div>

优点:

• 样式直接作用于标签身上

缺点:

• 只能作用于当前标签上,不能重复使用,代码复用性差
• 后续维护代码较难
• 代码可读性较差

第二种: 内部样式

所谓内