【HTML】HTML中使用CSS样式的几种方式

最新推荐文章于 2024-04-24 09:27:42 发布

symsmile

最新推荐文章于 2024-04-24 09:27:42 发布

阅读量1.9k

点赞数

分类专栏： HTML/CSS 文章标签： html css

本文链接：https://blog.csdn.net/symsmile/article/details/44757613

版权

HTML/CSS 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

结果：

HTML代码：

<html>
<head>
<title>在HTML中使用CSS样式的几种方法</title>
<link rel='stylesheet' href='style.css'></link>
<style>
a{
	background:green;
	color:white;
	}
p#third{
	background:black;
	color:white;
	}
p.forth{
	background:blue;
	color:white;
	}
</style>
<link href='box.css' type='text/css' ref='stylesheet'>
</head>
<body>
<p style='background:red;color:white'>第一种：内置到HTML标签的style属性中</p>
<a>第二种：在HTML的<head>标签中使用<style>标签</a></br>
<p id='third'>第三种：使用id选择器</p>
<p class='forth'>第四种：使用类选择器</p>
<p id='fifth'>第五种：在HTML的<head>标签中使用<link>标签来调用外部的CSS文件(id选择器)</p>
<p class='sixth'>第六种：在HTML的<head>标签中使用<link>标签来调用外部的CSS文件(类选择器)</p>
<table>
<tr><td>第七种：在HTML的<head>标签中使用<link>标签来调用外部的CSS文件(标签)</td></tr>
</table>
</body>
</html>

CSS代码：

#fifth{
	background:#789ABC;
	color:white;
	}
.sixth{
	background:#FECBA9;
	color:black;
	}<pre name="code" class="css">table{
	background:#123456;
	color:white;
	}

源文件：

symsmile

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【HTML】HTML中使用CSS样式的几种方式

结果：HTML代码：在HTML中使用CSS样式的几种方法a{ background:green; color:white; }p#third{ background:black; color:white; }p.forth{ background:blue; color:white; }第一种：内置到HTML标签的style属性中第二种：
复制链接

扫一扫