在线客服
扫描二维码
下载博学谷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编程语言易学易用，具体在那些方面有所体现呢？小编在这里为大家提供几条Python编程中单行代码就可以实现具体功能的案例。让大家对Python的强大有更深入的了解。
17298
2019-12-13 18:58:37
小白0基础能学Python吗？
小白0基础能学Python吗？很多程序员都不是计算机相关专业的，都是从零开始的，对于一个初学者都会疑惑，编程语言我到底该学什么语言，对于计算机方面基础好的学员来说，学习任何一门编程语言都比较容易。
4292
2020-07-15 14:29:32
Python入门要多长时间？要学什么？
Python 是一门新手友好、功能强大、高效灵活的编程语言，学会之后想进入数据分析、人工智能、网站开发这些领域都可以用 Python 来实现。入门比较简单，掌握基础知识差不多要1-2个月时间。
4151
2020-12-09 10:40:41
列表标签有几种？分别是什么？
列表标签有几种？分别是什么？HTML 支持有序、无序和定义列表，无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记；有序列表也是一列项目，列表项目使用数字进行标记。
5090
2021-12-14 16:03:12
URL的组成部分及作用是什么？
URL的组成部分及作用是什么？在WWW上每一信息资源都有统一的且在网上唯一的地址，该地址就叫URL统一资源定位器，是WWW的统一资源定位标志就是指网络地址。互联网上的每个文件都有唯一的一个的URL，包含的信息指出文件的位置以及浏览器应该怎么处理它。
6908
2021-12-17 16:18:01
