在线客服
扫描二维码
下载博学谷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的标签内容与显示样式分离的思想,也最易改版维护代码看起来也是最美观的一种。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
Docker是什么?Docker大科普
Docker是什么?大家都清楚在现在这个时代,技术更新迭代发展很快,容器化技术更是发展的一个趋势,今天带大家认识一下应用容器引擎Docker。
9093
2019-07-23 18:52:17
什么是Python语言?零基础能学会Python吗?
什么是Python语言?零基础能学会Python吗?Python是一种解释型语言,Python编程语言中体积较小功能强大,Python入门容易比较,纯文本编程接近真实语言适合零基础的人学习,未来运行Python语言的产品将成为一种趋势。
6251
2019-09-16 18:02:31
只学Python能找到工作吗?还需要学习什么技能?
只学Python能找到工作吗?当然可以,像是爬虫抓取、测试都是可以从事的的方向。还需要学习什么技能?想要有广阔的发展空间,最好还是结合web开发、云计算、人工智能、自动化运维一起学,只有学会利用Python,把它作为一个语言工具才能最大发挥它的价值。下面我们来看看Python适合与哪些技能一起学。
8051
2019-09-27 21:45:10
如何自学python?有好的建议吗?
自学的是一个节约成本的投资,能够按照自己设定的学习计划进行学习,时间安排也比较自由。可是自学需要强大的自制力,需要耐得住寂寞,每天固定的坚持学习,但是遇到技术难点很容易做牛角尖,导致半途而废。如何自学python?有好的建议吗?让我给大家说一说自学前大概做得准备吧!
7693
2020-01-13 15:56:28
学习Python后能找什么工作
想学习Python的小伙伴们,肯定听到非常多关于Python就业方向非常广泛的话题。那到底学习完成后,能够从事哪些方面的工作呢?具体相关Python的工作岗位有哪些呢?带着问题我们一起深入了解一下Python的就业前景。
6590
2020-05-15 18:02:44
