CSS样式表的三种引入方式

版权声明:本文为博主原创文章,欢迎各位转载,但须注明出处 https://blog.csdn.net/qq_34202873/article/details/86140848

CSS样式表的三种引入方式


1.行内样式

使用style属性引入CSS样式。

示例:

<h1 style="color:red;">style属性的应用</h1>
<p  style="font-size:14px;color:green;">直接在HTML标签中设置的样式</p>

提示:这种写法实际应用较少。


2.内部样式表

在style标签中书写CSS代码。style标签写在head标签中。

示例:

<head>
   <style type="text/css">
		input{border:blue solid 1px;background-color: brown}
		a{border:blue solid 1px;background-color: brown}
   </style>
</head>

3.外部样式表

CSS代码保存在扩展名为.css的样式表中

HTML文件引用扩展名为.css的样式表,有两种方式:链接式、导入式。

语法:

1、链接式

<link type="text/css" rel="styleSheet"  href="CSS文件路径" />

2、导入式

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

猜你喜欢

转载自blog.csdn.net/qq_34202873/article/details/86140848