CSS引入方式
- 内嵌式：CSS写在style标签中
- 提示：style标签虽然可以写在页面任意位置，但是通常约定写在head标签中
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>Documenttitle>
<style>
/* css的注释 */
/* 这里写的都是css */
/* 选择期{css属性} */
/* 选择器：查找标签 */
p {
/* 文字颜色变成红色 */
/* color 背景颜色 */
color: red;
/* 字变大 */
font-size: 30px;
background-color: orange;
width: 300px;
height: 300px;
}
style>
head>
<body>
<p>这是一个标签p>
body>
html>
- 外嵌式：CSS写在一个单独的.css文件中
- 提示：需要通过link标签在网页中引入
- 行内式：CSS写在标签的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>Documenttitle>
<link rel="stylesheet" href="./my.css">
head>
<body>
<p>这是标签p>
<div style="color:green; font: size 30px;">这是div标签div>
body>
html>
CSS文件
p { color: red; }