在线客服
扫描二维码
下载博学谷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的标签内容与显示样式分离的思想,也最易改版维护代码看起来也是最美观的一种。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
Python入门视频看哪个好?适合初学者的教学视频推荐
Python作为一门新手友好的编程语言,对于初学者来说,还是有一定的学习难度的。目前的Python学习资料在网上可以找到很多,那么Python入门视频看哪个好呢?本文就为大家推荐博学谷的免费Python入门教学视频—《从0开始学Python》,即使是初学者学完,也可以快速入门Python。
11122
2019-09-15 16:49:11
Python基础语法学习之变量与赋值
近几年Python飞速发展,开始学习Python的人群不在仅仅局限于编程开发者,许多其他行业的从业者也开始将Python作为自己的职业技能。本文仍然是针对零基础的初学者,继续学习Python的基础语法——变量与赋值。主要内容包括变量和赋值的概念、代码演示、变量的特点和命名规范以及=符号。
7277
2020-04-16 10:53:42
Python for循环学习总结笔记
循环是任何语⾔的⼀个必备要素。同样地,for循环就是Python的⼀个重要组成部分。然而还有⼀些内容是初学者常常忽视的。下面是Python for循环学习总结笔记,一起来查漏补缺吧!
6980
2020-07-03 10:19:23
Python应该如何学习入门?
零基础学编程或提高办公效率,转行学习Python的伙伴越来越多,对于小白来说如何入门学Python规划自己的学习路线尤为重要,网上有大量的学习资源、书籍、视频教程和博客讲解基础知识,但是比较零散学习起来不成系统。
7423
2020-08-04 17:06:31
学Python编程能做什么工作?从事什么岗位?
随着人工智能发展,学习python语言的人员有更多的岗位机会,python从事的职业广泛,从游戏到AI人工智能能都可以用Python实现。除了编程,各种岗位的人都应该学python编程,python编程会大大的提高工作效率。
8131
2020-12-15 13:59:06
