CSS基础-CSS的引入方式
有三种引入方式:1 内联样式,2 内部样式,3 外部样式
1 内联样式:只针对当前标签,写法:<标签 style=”css属性:属性值”>
例如:
<body style="background:pink;">
</body>
2 内部样式:
例如:
<head>
<style>
p{color:red}
</style>
</head>
3 外部样式:
<link rel="stylesheet" type="text/css" href="static/css/mycsss.css">
以上面语句引入编辑好的外部CSS文件。
4 css 作用优先级【就近优先原则】:外部样式<内部样式<内联样式
5 测试代码【外部样式需要先自行编写mycss.css文件】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 外部方式 -->
<link rel="stylesheet" type="text/css" href="static/css/mycsss.css">
<!-- 内部方式 -->
<style>
body{
background:pink;
}
</style>
</head>
<!-- 内联方式 <body style="background:pink;"> -->
<body>
<span>i am span </span>
</body>
</html>