1.最基础的css元素及属性

最新推荐文章于 2023-03-12 13:11:32 发布

P_ning

最新推荐文章于 2023-03-12 13:11:32 发布

阅读量196

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/P_ning/article/details/90676688

版权

css 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>元素内嵌样式表</title>
</head>

<body>

<a>没加字体大小</a>
<a style="font-size:40px">像素大小来控制</a>
<a style="color:#0FC">字体颜色</a>
<a style="font-size:40px; color:#9F0">合成一条用;隔开</a>
<!--使用的是元素内嵌样式表-->
</body>
</html>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文档内嵌样式表</title>
<!--**********************-->
<style type="text/css">
	
	a{
		font-size:40px;
		color:#0CF;
		}
</style>
<!--*********************-->
</head>

<body>

<a>样式</a>


</body>
</html>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>外部样式表</title>
<!--**********************-->
<link rel="stylesheet" type="text/css" href="../css/1.css">
<!--*********导入样式表*************-->
</head>

<body>
<a>样式</a>
</body>
</html>

元素内嵌样式表: 只能控制一个标签
文本内嵌样式表: 控制多个标签
外部样式表: 控制多个html5文件

具有覆盖性: 元素内嵌样式表>文本内嵌样式表>外部样式表
同种样式表以后面的为主