在线客服
扫描二维码
下载博学谷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在线学习网站——博学谷,下面一起来看看吧!
8215
2020-05-14 17:06:12
为什么要学Python不学别的?
大家都知道近期学Python很热门,但不知道为什么。同样是编程语言,为什么偏偏Python深受程序员的喜爱。理清其中关窍对大家的Python学习将很有帮助,特别是对于想要入行的小白。Python是编程语言中最自由的,语法简洁清晰。在进行编程任务时编写代码少,代码简单易读,工作效率更高,也更高效。
4625
2020-06-15 16:20:50
Python基础进阶需要掌握哪些知识点?
Python将是每个程序员的标配,有编程基础再掌握Python语言对于日后的升职加薪更有利。Python语言简洁利于理解,语法上相对容易能够让开发者更专注于业务逻辑的实现。学完Python可以从事web开发,爬虫开发、云计算,自动化运维,人工智能、桌面软件等多方面工作,目前市场需求很多发展机会很多。
4377
2020-08-24 16:59:28
CSS 选择器的种类有哪些?怎么用?
CSS 选择器的种类有标签选择器、类选择器、层级选择器(后代选择器)、id选择器、组选择器、伪类选择器,作为程序员应该具备根据不同的场景选择适合的CSS选择器。
3157
2021-12-09 15:39:55
HTTP 请求报文结构是什么?代表什么?
HTTP 请求报文结构是什么?代表什么?学习HTTP我们需要掌握HTTP请求报文的结构,HTTP最常见的请求报文有两种分别是GET 方式的请求报文和POST 方式的请求报文。
4030
2021-12-16 10:59:35