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

62 阅读 0 评论 41 点赞

我是靠谱客的博主忧伤小蝴蝶，最近开发中收集的这篇文章主要介绍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样式的三种方式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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