CSS复习--CSS三种样式设置方法

最新推荐文章于 2025-01-04 19:44:54 发布

原创

最新推荐文章于 2025-01-04 19:44:54 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #前端

本文介绍了CSS的三种样式设置方法：内联样式、内部样式表和外部样式表。内联样式只适用于单个元素，不便维护；内部样式表在HTML的`<style>`标签中定义，方便复用但局限于当前页面；外部样式表通过链接CSS文件实现，易于复用，可利用浏览器缓存提升加载速度。

前言

网页分成三个部分：
结构（HTML）
表现（CSS）
行为（JavaScript）

CSS

CSS （层叠样式表）
- 网页实际上是一个多层的结构，通过CSS可以分别为网页的每一个层来设置样式，而最终我们能看到只是网页的最上边一层
- 总之一句话，CSS用来设置网页中元素的样式

CSS样式

使用CSS来修改元素的样式。（一共有三种）

1.内联样式（行内样式）

内联样式（行内样式）
- 在标签内部通过style属性来设置元素的样式
- 问题：
        使用内联样式，样式只能对一个标签生效，
                如果希望影响到多个元素必须在每一个元素中都复制一遍
                并且当样式发生变化时，我们必须要一个一个的修改，非常的不方便
- 注意：开发时绝对不要使用内联样式