在线客服
扫描二维码
下载博学谷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的语言特点、应用范围密切相关的。
6441
2019-11-28 18:23:52
用Python编写第一个程序
如今,IT编程教育的市场趋势逐渐往泛互联网人群发展,这其中尤其是学习Python的人越来越多。本文要讲的就是怎么开始用Python编写第一个程序,开启你的学习之旅。首先在大家正式开始自己的编程之路之前,应该先把文本编辑器安装好,然后掌握命令行终端的运行方法。在一切准备就绪的时候,我们就可以开始第一个程序的编写了~
7030
2020-04-28 09:56:50
入门学习Python看这篇文章就够了
每一个想学习Python的同学都会有自己的疑问。下面就是针对大家提问比较多的问题整理总结,希望对想要入行Python开发的小伙伴有一定的帮助。
5732
2020-05-18 14:42:19
MySQL数据库的基本使用之数据库
MySQL数据库的基本使用之数据库,数据库是存储和管理数据的仓库,数据按照一定的格式进行存储。数据库起到存储和管理数据的作用。
3752
2022-01-10 14:06:11
使用apt-get命令如何安装软件?
使用apt-get命令如何安装软件?软件安装有两种方式离线安装和在线安装。使用 apt-get 命令是在线安装需要更改镜像源,提高下载和安装速度。 学习目标:使用apt-get命令安装软件。
8675
2022-03-29 10:14:15
