CSS在HTML中的使用方法

制作人：全心全意

CSS在HTML中的使用方法

1、内联式（行内样式）：应用内联样式到各个网页元素就是在HTML的标签中使用style属性来设置CSS样式

　　格式：<html style="属性:值;属性:值;...">被修饰的内容<html>

　　特点：仅作用于本标签

2、嵌入式：在网页上创建嵌入的样式表就是在head标签中使用<style type="text/css">...</style>标签来设置css样式

　　格式：

　　　　　　...css样式代码

　　　　</style>

　　特点：作用于当前整个页面

3、外联式（外部样式）：将网页链接到外部样式表

　　格式：在head标签中使用<link/>标签导入一个css文件，在作用于本页面，实现css样式设置（推荐）

　　特点：作用于整个网站

示例：

abc.css

h2 {
	color: yellow;
}

index.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>CSS的使用方法</title>
		<style>
			h1 {
				color: green;
			}
		</style>
		<link href="css/abc.css" type="text/css" rel="stylesheet" />
	</head>

	<body>
		<p style="color: blue;">
			html中使用css的样式,内联式（行内样式）
		</p>
	</body>
	<h1>html中使用css的样式,嵌入式</h1>
	<h2>html中使用css的样式，外联引入</h2>

</html>

posted @ 2020-03-10 17:58 全心全意_运维阅读(960) 评论(0) 收藏举报

刷新页面返回顶部

全心全意_运维

CSS在HTML中的使用方法

CSS在HTML中的使用方法

公告