热门课程

免费试听

上课方式

开班时间

当前位置：首页 - 文章 - 新闻动态 - 正文

前端css的引用方式有哪几种？css的三种引用方式是什么？

知了堂姐

2024-07-09 11:12:24

0次

学习前端html+css+js是必备的，关于CSS的引用方式，你知道有哪几种吗？今天来看看CSS的三种引用方式是什么？
层叠样式表CSS有三种引用方式：行内样式、内部样式表、外部样式表。引用方式的优先级为：行内样式>内部样式>外部样式(后两者是就近原则)，当行内样式和内部样式共同使用时，优先引用行内样式，当内部样式表和外部样式表同时时使用就近原则，即谁写在下面以谁为准。
行内样式表：使用style属性引入CSS样式。实际在写页面时不提倡使用，在测试的时候可以使用。
示例：

css的行内样式表示例

结果：

前端css的引用方式

内部样式表：在style标签中书写CSS代码。style标签写在head标签中。

css的内部样式表示例

运行结果：

前端css的引用方式

外部样式表：CSS代码保存在扩展名为.css的样式表中
HTML文件引用扩展名为.css的样式表，有两种方式：链接式、导入式。，一般用的最多的就是连接式。
1、链接式：属于XHTML，优先加载CSS文件到页面

2、导入式：属于CSS2.1，先加载HTML结构在加载CSS文件。

除了引用方式，还有一个选择器的使用，选择器一共有三种方式：ID选择器、类选择器、标签选择器。其优先级为ID选择器>类选择器>标签选择器。
示例：

红色

粉色

黑色

结果：

前端css的引用方式

前端css的引用方式有哪几种？css的三种引用方式是什么？关注知了堂成都前端培训班，带你了解更多前端相关问题。

上一篇：java和javascript的区别大吗？java和js一样吗

下一篇：jsp的内置对象有哪些？session是属于那个类？

大家都在看

信安人必知：重保服务项目，是什么？

2024-07-09 浏览次数：0次

知了汇智与纵横六合达成战略合作，共建数字化产教融...

2024-07-09 浏览次数：0次

西昌学院实训负责人李博士、邱教授一行到知了堂进行...

2024-07-09 浏览次数：0次

2023年知了堂考研福利——考研就业无忧班开班

2024-07-09 浏览次数：0次

渗透测试工程师面试题(一)

2024-07-09 浏览次数：0次

鸿蒙应用开发工程师招聘多吗？工资有多少呢

2024-07-09 浏览次数：0次

最新资讯

前端css的引用方式有哪几种？... 学习前端html+css+js是必备的，关于CSS的引用方式，你知道有哪几种吗？今天来看看CSS的三...

    }
    .b{
      color: black;
    }
    div{
      color: red;
    }

红色

粉色

黑色

结果：

前端css的引用方式

前端css的引用方式有哪几种？css的三种引用方式是什么？关注知了堂成都前端培训班，带你了解更多前端相关问题。

前端css的引用方式

上一篇：java和javascript的区别大吗？java和js一样吗

下一篇：jsp的内置对象有哪些？session是属于那个类？

相关内容

前端css的引用方式有哪几...

学习前端html+css+js是必备的，关于CSS的引用方式，你知...

2024-07-09 11:12:24

热门资讯

就业课程介绍（Java+前端+... Java+大数据，前端全栈，信息安全

关于我们请输入文章描述

0基础转行信安，他如何做到月薪... 转行并非简单的换份工作，而是我们在职场进行自我认同、重塑身份的一个过程。今天知了小姐姐为大家介绍一位...

【前端每日一题】什么是BFC？... 秋招马上就要开始了，小伙伴们最近在准备面试的东西没呢，知了姐今天将蛋糕哥整理的前端面试题共享出来，同...

cisp考试费用多少?cisp... 随着网络技术的快速发展，网络安全问题变得越来越重要。那么，CISP考试费用多少？CISP报名条件是什...

pythone 文件和数据格式... 关于 Python 对文件的处理，以下选项中描述错误的是

img标签的onerror事件... 1.img 标签除了 onerror 属性外，还有其他获取管理员路径的办法吗？ src 指定一个远程...

知了堂官网V3第一版内测邀请经过几个月的加班加点，我们终于迎来了知了堂官网3.1.0版本现正招募内测中

网络安全运维岗面试题及答案详解... 在当今数字化时代，网络安全运维工程师的角色变得愈发重要。为了保障网络安全，各个企业都需要拥有一支经验...

川农第一次线下拓展精彩瞬间 5月15日，知了堂的哥哥姐姐们携手企业拓展教练浩浩荡荡奔赴川农。

-->