热门课程

免费试听

上课方式

开班时间

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

前端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的三种引用方式是什么?关注知了堂成都前端培训班,带你了解更多前端相关问题。

大家都在看

鸿蒙开发培训班就业如何?

2024-07-09 浏览次数:0

前端开发包括哪些内容?前端开发要怎么做

2024-07-09 浏览次数:0

CISP证书报名费多少,一年考几次?

2024-07-09 浏览次数:0

知了堂为四川轻化工大学开展网络安全专题项目集训

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报名条件...
img标签的onerror事件... 1.img 标签除了 onerror 属性外,还有其他获取管理员路径的办法吗? src 指定一个远程...
pythone 文件和数据格式... 关于 Python 对文件的处理,以下选项中描述错误的是
网络安全运维岗面试题及答案详解... 在当今数字化时代,网络安全运维工程师的角色变得愈发重要。为了保障网络安全,各个企业都需要拥有一支经验...
知了堂官网V3第一版内测邀请 经过几个月的加班加点,我们终于迎来了知了堂官网3.1.0版本 现正招募内测中
川农第一次线下拓展精彩瞬间 5月15日,知了堂的哥哥姐姐们携手企业拓展教练浩浩荡荡奔赴川农。
-->