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

最新推荐文章于 2022-02-07 13:16:47 发布

原创最新推荐文章于 2022-02-07 13:16:47 发布 · 231 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

13 篇文章

订阅专栏

博客介绍了HTML样式表相关知识。元素内嵌样式表只能控制一个标签，文本内嵌样式表可控制多个标签，外部样式表能控制多个HTML5文件。样式表具有覆盖性，优先级为元素内嵌样式表>文本内嵌样式表>外部样式表，同种样式表以后面的为主。

<!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文件

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