Rumah > hujung hadapan web > tutorial css > CSS引入样式有哪几种方法

CSS引入样式有哪几种方法

清浅
Lepaskan: 2018-11-20 09:54:57
asal
6481 orang telah melayarinya

本文章将分享如何引入CSS样式表以及他们之间的优缺点,有一定的参考价值,希望对大家有所帮助。

CSS中可以通过三种方法引入样式表:

(1)内联样式

(2) 嵌入式样式

(3) 外部样式

这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍

内联样式


特点:(1)内联样式放在代码中的HTML元素中。

           (2)使用内联样式时,样式只会影响你选择的元素。

            (3)内联样式没有选择器

示例:

<div style="width:100px;height:100px;border:1px solid #ccc"><div>
Salin selepas log masuk


此CSS内联样式只能改变这个div的宽和高,它不会更改页面上的任何div或者属性的样式。这是内联样式的限制之一。由于它们只对特定元素进行更改,因此这不是最佳做法,内联样式也具有非常高的特异性。这使得很难用其他非内联样式覆盖它们,事实上,我们很少在网页上使用内联样式。

嵌入样式

特点: (1)被放置在样式标签