在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
CSS引入方式有几种？怎么使用？CSS的引入有三种方式,分别是行内式、内嵌式、外链式。选择CSS引入方式这样判断行内式几乎不用，内嵌式在学习CSS样式的阶段使用，外链式在公司开发的阶段使用，可以对CSS样式和html页面分别进行开发。我们需要掌握CSS三种引入方式及使用方法。
CSS的三种引入方式：行内式、内嵌式（内部样式）、外链式，接下来我们具体来分析一下：
1、行内式
直接在标签的style属性中添加CSS样式
示例代码:
优点：方便、直观。缺点：缺乏可重用性。
2、内嵌式（内部样式）
在<head>标签内加入<style>标签，在<style>标签中编写CSS代码。
示例代码:
优点：在同一个页面内部便于复用和维护；缺点：在多个页面之间的可重用性不够高。
3、外链式
将CSS代码写在一个单独的.CSS文件中在<head>标签中使用<link>标签直接引入该文件到页面中。
示例代码:
优点：使得CSS样式与html页面分离，便于整个页面系统的规划和维护，可重用性高。
缺点：CSS代码由于分离到单独的CSS文件，容易出现CSS代码过于集中，若维护不当则极容易造成混乱。
4、CSS引入方式选择
（1）行内式几乎不用
（2）内嵌式在学习CSS样式的阶段使用
（3）外链式在公司开发的阶段使用，可以对CSS样式和html页面分别进行开发。
CSS引入方式总结：CSS的引入有三种方式,分别是行内式、内嵌式、外链式。外链式是在公司开发的时候会使用能体现div+CSS的标签内容与显示样式分离的思想，也最易改版维护代码看起来也是最美观的一种。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
CSS是什么？起什么作用？
下一篇：
CSS常用样式属性有哪些？代码怎么写?
相关推荐 更多
Python数据分析可视化教程学习
随着数据分析与数据挖掘行业的日益火爆，Python数据分析可视化教程也成为了许多人提升职业竞争力的必修课。本文将详细为大家介绍Python数据分析可视化教程的具体内容，全文会围绕着为什么学？学什么？学了有什么用？这几个问题展开，让大家全面了解该教程适不适合自己学习。如果对数据分析感兴趣就接着看下去吧！
5805
2020-04-03 15:54:58
Python基础学习之逻辑术语
在Python基础学习的过程中，逻辑术语是必须要牢牢记住的。可能死记硬背逻辑术语本身是比较无聊枯燥的事情，但如果你能每天都坚持记住一点内容，用不了多久你就能全部掌握这些逻辑术语，然后在使用它们的过程中，获得学习的正向反馈，从而收获学习的乐趣，下面我们一起来学习Python的逻辑术语吧~
4341
2020-04-22 17:48:23
类装饰器使用方法分享及总结
装饰器本质上是一个函数，可以让其他函数在不需要做任何代码变动的前提下增加额外的功能，装饰器的返回值也是一个函数对象（函数的引用），需学习掌握类装饰器的使用方法。
2632
2021-12-02 15:15:54
盒子模型尺寸设置及代码书写格式介绍
盒子模型尺寸设置及代码书写格式介绍，子模型就是把HTML页面的元素看作一个矩形盒子，矩形盒子是由内容(content)、内边距(padding)、边框(border)、外边距(margin)四部分组成，需要掌握盒子模型中的各个属性设置。
3744
2021-12-14 14:58:22
连接查询左连接的SQL语句怎么写？
连接查询左连接的SQL语句怎么写？左连接查询以左表为主根据条件查询右表数据，如果根据条件查询右表数据不存在使用null值填充，作为程序要能写出左连接查询的SQL语句。
19051
2022-01-18 13:54:50
