在线客服
扫描二维码
下载博学谷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的标签内容与显示样式分离的思想,也最易改版维护代码看起来也是最美观的一种。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
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想要的简历
- 程序员如何突击面试?两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些,才能成为架构师 查看更多
扫描二维码,了解更多信息
