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

Html样式表

2015-08-16 17:42 627 查看

html样式分为外部样式，内部样式和内联样式。

<style> 定义一个样式

<link> 引用样式资源

rel="stylesheet" 标明是外部样式表

type="text/css" 引入的文档的类型

代码示意图：

源码：

引用到的外部样式表文件：mystyle.css

h1{

color: red;

}

主文件：

<!DOCTYPE html>

<html>

<head lang="en">

<meta charset="UTF-8">

<title></title>

<link rel="stylesheet" type="text/css" href="mystyle.css">

<style type="text/css">

body{

background-color: darkgray;

}

p{

color: darkred;

margin: 40px;

}

</style>

</head>

<body>

<h1>外部样式</h1>

<p>内部样式</p>

<a style="color: orangered; margin: 10px">内联样式</a>

</body>

</html>

效果图：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航