在线客服
扫描二维码
下载博学谷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常用样式属性有哪些？代码怎么写?
相关推荐 更多
HTTP与HTTPS有什么区别和联系？
HTTP与HTTPS有什么区别和联系？简单来说，HTTPS就是HTTP的加强版，这样子是不是好理解多了？当然啦，仔细分析下来，HTTP与HTTPS的区别和联系不止于此，下面是详细分析。
7075
2019-07-30 15:57:58
Python学习网站有哪些？Python基础教程网站推荐
Python学习网站有哪些？Python基础教程网站推荐：菜鸟教程、PHP中文网、PHP中文网、W3C、Reddit、博学谷、python中文学习大本营、Python 3 Module of the Week、Welcome to Python for you and me、CheckiO is a code game coders。
6559
2019-09-23 19:06:02
普通人学Python有用吗？学完能做什么？
普通人学Python有用吗？学Python有没有用因人而异，有些人纯粹是兴趣爱好想了解一下，另一些在工作中涉及到数据分析统计，学会Python可以大大提高工作效率，剩下的就是程序员了，靠技术吃饭的人，多掌握一门编程语言对于日后的升值加薪有大的增益。
16744
2020-03-05 14:50:04
为什么要学Python不学别的？
大家都知道近期学Python很热门，但不知道为什么。同样是编程语言，为什么偏偏Python深受程序员的喜爱。理清其中关窍对大家的Python学习将很有帮助，特别是对于想要入行的小白。Python是编程语言中最自由的，语法简洁清晰。在进行编程任务时编写代码少，代码简单易读，工作效率更高，也更高效。
4341
2020-06-15 16:20:50
小白0基础能学Python吗？
小白0基础能学Python吗？很多程序员都不是计算机相关专业的，都是从零开始的，对于一个初学者都会疑惑，编程语言我到底该学什么语言，对于计算机方面基础好的学员来说，学习任何一门编程语言都比较容易。
4552
2020-07-15 14:29:32
热门文章
- 前端是什么
- 前端开发的工作职责
- 前端开发需要会什么？先掌握这三大核心关键技术
- 前端开发的工作方向有哪些？
- 简历加分-4步写出HR想要的简历
- 程序员如何突击面试？两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些，才能成为架构师 查看更多
扫描二维码，了解更多信息
