HTML中定义CSS样式的三种方式

171 阅读 0 评论 113 点赞

我是靠谱客的博主忧伤小蝴蝶，这篇文章主要介绍HTML中定义CSS样式的三种方式，现在分享给大家，希望可以做个参考。

1：在head标签中加载一个CSS文件

示例：

<head>
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>

以下是style.css的内容，此例使用了link标签.

abbr

{

font-size:12px;

}

.text10pxwhite

{

font-size:10px;

color: #FFFFFF;

}

2：直接把CSS内容写在HTML文件的head标签中

示例：

<head>
	<style type="text/css">
	abbr 
	{
		font-size: 12px;
	}
	.text10pxwhite 
	{
		font-size: 10px;
		color: #FFFFFF;
	}
	</style>
</head>

此例使用了style标签.以上两种方法是殊途同归的。

3：使用style属性对标签加载样式

示例：
<p style="font-size: 12px;color: #000;">使用css</p>
此例使用了标签的style属性

以上就是忧伤小蝴蝶最近收集整理的关于HTML中定义CSS样式的三种方式的全部内容，更多相关HTML中定义CSS样式内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。