在线客服
扫描二维码
下载博学谷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有Web开发、数据科学和脚本三大应用。无论对于零基础小白，还是已经工作想要提升自己的在职人员，学好这些内容都会对职业发展有着重要作用。下面小编将详细为大家分析，Python学好了能从事什么岗位的工作。
11902
2019-08-27 10:26:20
Python中for循环和while循环有什么区别？
for循环和while循环有什么区别？众做周知，循环是Python中最基础也是最常见的知识点之一，下面我们来一起好好学习一下for循环和while循环，并对比分析两者的使用区别，帮助Python初学者可以更好地掌握两者的内容和应用，下面一起来看看吧~
13253
2020-04-27 12:20:14
面向对象开发静态Web服务器代码怎么写？
面向对象开发静态Web服务器代码步骤，先创建服务器类，其次创建初始化服务器配置方法，然后创建接收客户端请求的方法，最后创建发送响应报文给客户端方法。
5233
2021-12-24 10:07:32
定时器是什么？怎么用？
定时器是在一段特定的时间后执行某段程序代码。定时器有两种方法：setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭；setTimeout()在指定的毫秒数后调用函数或计算表达式。
5850
2021-12-29 14:28:29
Group by分组查询怎么用？需要掌握哪些内容？
Group by分组查询怎么用？需要掌握哪些内容？groub by分组将查询结果按照1个或多个字段进行分组，字段值相同的为一组，可用于单个字段分组也可用于多个字段分组。
5966
2022-01-17 16:14:02
