css外联和内联、嵌入的区别是什么?

在学习css的过程中,经常会用到内嵌,内联以及外联这三种,css外联和内联、嵌入的区别是什么?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

css外联和内联、嵌入的区别是什么?

首先,从功能上来说,这3个实现的功能是一样的,都能够达到对内容进行排版修饰。

但是,从写法上来说,他们是不同的,下面我们来一一区分:

1,内联样式写法

<p style="color:red;"></p>

2,外联样式写法

是单独写一个以css为扩展名的文件,然后在<head></head>中使用<link>标签,将css样式链接到html中。举个例子:

<link href="你的css文件地址" rel="stylesheet" type="text/css"></link>

3,嵌套样式写法

这个可以理解为嵌套,现在<body></body>文本中写下需要的元素标签,比如span,然后在<head></head>的<style type="text/css"></style>中单独写一个css样式。举个例子:

<head>
<style type="text/css">
span{color:re;}
</style>
</head>

优先级的不同

三种方式在实际使用中,权重优先级从高到低:嵌入>内联>外联。比较通用的样式适合抽离出来用外联,提高复用性,同时降低样式和内容的耦合;元素独立的不太多的样式感觉可以用嵌入式方便些。

多web前端自学的相关知识,请查阅 HTML中文网 !!

以上就是css外联和内联、嵌入的区别是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读

    学习写字楼新选择6000元主流配置

    学习写字楼新选择6000元主流配置,,这种配置需要考虑双核心的办公和娱乐平台,充分考虑办公室的办公需求和娱乐需求,以约6000元的预算和cost-e

    Lucene学习之高亮显示

    Lucene学习之高亮显示,索引,字符,在搜索引擎中我们经常会看到这样的情景: 红色部分我们称之为高亮显示,lucene提供了HighLighter模块来实

    2010年底DIY硬件总结和安装参考

    2010年底DIY硬件总结和安装参考,,它似乎只是一眨眼的功夫从过去的最后一眼。看看现在的岗位似乎就在昨天,但看看当年的内容是真的走了,如果

    保存硬盘上的数据,谁更有价值

    保存硬盘上的数据,谁更有价值,,常用的数据存储方式有两种:硬盘和光盘。用户或多或少对自己说,好的有很多人。争了,不知道你是否有账户的账号,两

    ai嵌入快捷键|Ai嵌入快捷键

    ai嵌入快捷键|Ai嵌入快捷键,,Ai嵌入快捷键 1、打开AI软件2、在晚间菜单下选择“置入”3、这时会弹出资源管理器,你可以选择想要处理的

    嵌入式电脑|嵌入式电脑从本世纪

    嵌入式电脑|嵌入式电脑从本世纪,,嵌入式电脑从本世纪自动控制系统主要由:控制器,被控对象,执行机构和变送器四个环节组成。控制器:可按照预定

    谁是最好的价值500元

    谁是最好的价值500元,,测试总结和购买建议: CPU性能,Phenom II X4 955领先遥遥领先 我们总结了前面的CPU性能测试成绩与实际游戏测试与f

    19英寸/22英寸宽屏更有价值

    19英寸/22英寸宽屏更有价值,,两种流行LCD现状及未来趋势 2006宽屏后;的洗礼,宽屏液晶显示器已经成为市场的主要力量,这是一个不争的事实。这