CSS添加方式

最新推荐文章于 2024-08-31 21:39:38 发布

泰逗

最新推荐文章于 2024-08-31 21:39:38 发布

阅读量64

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/hetaihang/article/details/117515512

版权

CSS添加方式

内联式
内部式
外部式（推荐）

内联式

直接在需要改变样式的元素开始标签中编写属性style，内联样式会损失掉样式表的许多优势。（不推荐使用这种方法）

<p style="background-color: #e4f1fa;"></p>

内部式

在单个页面需要特殊样式时可使用内部式，在HTML文件的头部使用style标签定义内部样式表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
            p{
                background-color: #e4f1fa;
            }
		</style>
	</head>
	<body>
        <p></p>
	</body>
</html>

外部式

使用外部样式表，可以通过修改一个文件更改多个页面的样式，每个页面在头部使用link标签链接到样式表

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
        <p></p>
	</body>
</html>

index.css

p{
    background-color: #e4f1fa;
}

泰逗

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS添加方式

CSS添加方式内联式内部式外部式（推荐）内联式直接在需要改变样式的元素开始标签中编写属性style，内联样式会损失掉样式表的许多优势。（不推荐使用这种方法）<p style="background-color: #e4f1fa;"></p>内部式在单个页面需要特殊样式时可使用内部式，在HTML文件的头部使用style标签定义内部样式表<!DOCTYPE html><html> <head> <meta char
复制链接

扫一扫