在线客服
扫描二维码
下载博学谷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常用样式属性有哪些？代码怎么写?
相关推荐 更多
Docker是什么？Docker大科普
Docker是什么？大家都清楚在现在这个时代，技术更新迭代发展很快，容器化技术更是发展的一个趋势，今天带大家认识一下应用容器引擎Docker。
8230
2019-07-23 18:52:17
学Python前需要学什么才能打好基础？
学Python前需要学什么才能打好基础？如果是有一定计算机编程基础相对学习Python更容易些，零基础小白也不用担心，Python是一门简洁、优雅、易读的编程语言，相对其他的学科容易很多。
8224
2020-03-06 11:48:49
Python中的函数与变量讲解
不知道大家在学习Python的时候，有没有发现一个问题，函数里边的变量和脚本里边的变量好像是无关的。本文今天要讲的就是Python中的函数与变量，如果大家对于这个方面的内容有困惑，不妨来一起学习一下这个Python的基础内容。
5330
2020-04-29 09:46:23
为什么学Python有前途？
目前凡是做IT培训的就没有不开Python课的，上半年更是出现了学python热，社交网络随处可见相关课程的试课信息。现在仍有不少人跃跃欲试。如果你还不明白大家为什么对学Python抱有如此大的热情，不如看看下面的行业发展介绍。了解下现在学Python还有前途吗？能做什么？
4368
2020-06-18 15:55:55
Python程序编写技巧 提升工作效率
Python程序编写技巧提升工作效率，在学习和工作过程中掌握一些小技巧可以大大提高工作的效率，接下来小编将介绍编程惯用法、基础用法、库的使用、内部机制、使用工具辅助项目开发、性能剖析与优化等方面的编程技巧。
4574
2020-06-29 14:23:44
