在线客服
扫描二维码
下载博学谷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的标签内容与显示样式分离的思想,也最易改版维护代码看起来也是最美观的一种。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
MySQL和Redis高可用性体现在哪些方面?
MySQL和Redis高可用主要体现三个方面:MySQLReplication是MySQL官方提供的主从同步方案;Sentinel是Redis官方为集群提供的高可用解决方案;Sentinel主要功能。
9783
2019-07-16 17:00:32
Python科学计算教程 理论结合实践
科学计算因为Python出色的特性而选择了它。本教程将介绍Python科学计算的相关基础知识,并给大家推荐一本的书籍,让大家在丰富的实践案例中,得出学习经验和教训。
8015
2019-09-04 11:06:37
Python数据可视化操作原理
后端是处理数据提取用户想要的数据。简单常用的是Python,相对于java,c, c++,Python简直对初学者太友好,提供丰富多彩的API接口,比如常见的降维聚类算法:PCA, t-SNE, MDS, k-means等。如果用c实现过PCA算法有几百行代码,可在Python里只需要三行代码。用Python实现对Iris数据集使用PCA算法以及展示效果。
8784
2019-12-18 17:41:06
Python入门简单吗?怎么学Python?
Python在机器学习人工智能领域非常流行,可以说是算法工程师的标配编程语言。Python语言广泛应用在web开发、大数据开发、人工智能开发、机器学习、后端开发等领域之中,近几年Python语言的趋势不断上升发展前景好。
6347
2020-09-24 14:54:24
返回指定页面数据静态Web服务器代码怎么写?
返回指定页面数据静态Web服务器代码:获取用户请求资源的路径,根据请求资源的路径,读取指定文件的数据组装指定文件数据的响应报文,发送给浏览器,判断请求的文件在服务端不存在,组装404状态的响应报文发送给浏览器。
5774
2021-12-23 14:22:52
