您的位置：首页 > Web前端 > CSS

css的三种使用方式

2018-01-30 23:42 447 查看

一、内联样式

在元素的style属性中直接书写的样式

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML</title>
</head>
<body>
<!--内联样式-->
<h1 style="color:red">内联样式</h1>
</body>
</html>


二、内部样式

在style标签内书写的样式

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
<!--内部样式-->
h2 {
color: blue;
}
</style>
</head>
<body>
<h2>内部样式</h2>
</body>
</html>


三、外部样式

写在单独的css文件当中

my.css

p {
color: yellow;
}


index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML</title>
<!--外部样式-->
<link rel="stylesheet" href="my.css"/>
</head>
<body>
<p>外部样式</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航