在线客服
扫描二维码
下载博学谷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开发?0基础入门Python
怎么开始学习Python开发这个问题,在各大社群网站上常常看到想要转行IT,或者是想学习编程但不知如何开始的网友。对于新手来说,掌握Python基础是关键,了解HTML,CSS,JavaScript,Ajax,jQuery,React,SQL,服务器脚本等知识。
6925
2020-05-15 17:41:38
入门学习Python看这篇文章就够了
每一个想学习Python的同学都会有自己的疑问。下面就是针对大家提问比较多的问题整理总结,希望对想要入行Python开发的小伙伴有一定的帮助。
6833
2020-05-18 14:42:19
学Python数据可视化要掌握哪些知识点?
学Python数据可视化要掌握哪些知识点?掌握数据分析库的使用,如Numpy、Pandas、Matplotlib、Seaborn、Bokeh库等,数据清洗、分组和聚合等常见数据分析方法;时间序列、文本序列相关的数据分析方法;对数据进行处理分析及其可视化。
8301
2020-07-17 14:44:27
MySQL中索引如何使用?有哪些优缺点?
MySQL中索引如何使用?有哪些优缺点?索引在MySQL中叫做“键”,当数据库中数据量很大时查找数据很慢,我们就可以通过索引来提高数据库的查询效率。
5911
2022-02-11 13:52:24
Python 开发人员经常遇哪些挑战?如何解决?
Python 开发人员经常遇哪些挑战?如何解决?不少程序员会遇到代码的可读性与可维护性、速度与性能、缺乏静态类型、依赖项与包管理、错误处理、文档、社区支持等问题。
7077
2022-06-22 10:21:45
