css定义样式有几种方式?

来自:互联网
时间:2019-11-11
阅读:

CSS定义样式有几种方式?下面本篇文章就来给大家介绍一下css定义样式的方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

css定义样式的方式有4种:

1、链入外部样式

就是把样式表保存为一个样式表文件,然后在页面中用<link rel="stylesheet" type="text/css" href="*.css">链接这个样式表文件。

2、导入外部样式

使用@import规则,在head标签之间的style标签之间导入外部样式。

<style type="text/css">
    @import url("CSS文件"); 
</style>

3、内联样式

内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:

<p style="color:red">这里文字是红色。</p>

css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开(英文状态下;)。

4、嵌入式样式

嵌入式css样式,就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色:

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

嵌入式css样式必须写在之间,并且一般情况下嵌入式css样式写在之间。

返回顶部
顶部