在线客服
扫描二维码
下载博学谷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学习的行列。对于没有时间参加线下培训的同学来讲，参加Python在线培训就更加方便了。那么Python在线培训班那个好？
7405
2019-08-08 11:56:39
好用的Python编辑器有哪些？Python编辑器推荐
好用的Python编辑器有哪些？Python编辑器推荐：Sublime Text、Sublime Text、Atom、PyCharm、Vim、clipse with PyDev、Emacs、Komodo Edit、Wing、PyScripter、The Eric Python IDE、Interactive Editor for Python等。
6280
2019-09-24 10:51:46
人工智能难学吗？通过培训能学会吗？
很多人都认为学习人工智能非常难，其实只要认真参加培训班的培训，人工智能也并不难学。以前的计算机专业是一个领域较宽的培养模式，在更多人学习java、UI设计等不同的专业时，人工智能的课程就显得更加稀少了，即算是各高校的优秀学生，在不准备对人工智能进行专研的基础下，对人工智能的了解可能只能达到“高级科普”的程度。
4373
2020-06-15 17:44:25
Python 新版本中的 6 个新特性，你去体验了么？
两周之前（2021年10月4日），一个新的Python版本发布了，Python 3.10。在新的版本中，Python 添加了独特且有价值的功能，同时删除了一些旧功能。我们可以将任何新软件版本中添加或删除的功能归为多个类别，例如语法特性、添加到默认库或对现有特性的改进。
2651
2021-10-22 11:40:26
HTTP协议的作用是什么？怎么用？
HTTP协议的作用是什么？怎么用？HTTP协议超文本传输协议，传输HTTP 协议格式的数据是基于 TCP 传输协议的，发送数据之前需要先建立连接。
3272
2021-12-17 16:17:58
热门文章
- 前端是什么
- 前端开发的工作职责
- 前端开发需要会什么？先掌握这三大核心关键技术
- 前端开发的工作方向有哪些？
- 简历加分-4步写出HR想要的简历
- 程序员如何突击面试？两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些，才能成为架构师 查看更多
扫描二维码，了解更多信息
