CSS:CSS 同时控制多重网页的样式和布局
CSS样式引入方式
- 内联方式
- 不利于维护
- 代码重复
- 内嵌方式
- 使html文件特别庞大
- 外联方式
- 与样式分离
- 导入方式(了解)
- 中间没有任何符号
内联
内联:在需要的标签内设置样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
内联:在需要的标签内设置样式
特点:每一个表签都要单独设置样式
-->
<p style="color: rgb(86,156,204);">内联的方式设置颜色为蓝色</p>
</body>
</html>
内嵌
内嵌:在style标签里面对需要设置的标签设置样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 设置样式 -->
<style>
p{
color: rgb(253,244,4);
}
</style>
</head>
<body>
<!--
内嵌:在s