作者:蓝染 | 来源:互联网 | 2023-05-19 08:37
样式的引入方式外部样式表linkrel“stylesheet”type“textcss”href“mystyle.css”内部样式表styletype“textcs
样式的引入方式
外部样式表
link rel = “stylesheet” type = “text/css” href = “mystyle.css”
内部样式表
style type = “text/css” body { background-color:red} p{margin-left:20px} style
内联样式表
P style = “color:red”
代码实例
<html lang="en">
<head>
<meta charset="UTF-8">
<title>H5样式title>
<link rel="stylesheet" type="text/css" href="myStyle.css">
<style type="text/css">
p{
color: blue;
}
style>
head>
<body>
<h1>标题1h1>
<p>欢迎刘朋p>
<a href="http://www.baidu.com" style="color: chartreuse;">点击我跳转a>
body>
html>
效果图