CSS样式表

最新推荐文章于 2024-07-23 22:43:52 发布

LxixiGY

最新推荐文章于 2024-07-23 22:43:52 发布

阅读量266

点赞数 5

文章标签： css 前端

本文链接：https://blog.csdn.net/LxixiGY/article/details/137884827

版权

本文详细介绍了CSS样式表的三种形式：行内样式（内联式）、内嵌样式（嵌入式）和外部样式（链接式），讨论了它们的语法、优缺点以及适用场景。

摘要由CSDN通过智能技术生成

一.样式表

按照CSS样式书写的位置(或者引入的方式)，CSS 样式表可以分为三大类:

行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 式。适合于修改简单样式。

语法:

<div style="color: red; font-size: 12px;"青春不常在，抓紧谈恋爱</div>

style 其实就是标签的属性，在双引号中间，写法要符合 CSS 规范。

可以控制当前的标签设置样式

由于书写繁琐，并且没有体现出结构与样式相分离的思想，所以不推荐大量使用，只有对当前元素添加简单样式的时候，可以考虑使用

使用行内样式表设定CSS，通常也被称为行内式引入

内部样式表(内嵌样式表)是写到html页面内部是将所有的CSS代码抽取出来，单独放到一个<style> 标签中。

语法:

<style>
     div {
           color: red;
           font-size: 12px;
          }
</style>

实际开发都是外部样式表.适合于样式比较多的情况核心是:样式单独写到CSS文件中，之后把CSS文件引入到 HTML 页面中使用

1、新建一个后缀名为 css 的样式文件，把所有 CSS 代码都放入此文件中

2、在HTML页面中，使用<link> 标签引入这个文件

语法:

关注