css引入方式
1.内嵌式 【演示小例子】
2.外链式 【开发项目】
写在单独的css文件中,通过link标签在网页中引入
3.行内式【搭配js使用】
写在标签的style属性中
<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> <!-- 1.内嵌式 【演示小例子】--> <!-- 跟01一样,不做演示 --> <!-- 2.外链式 【开发项目】--> <!-- 写在单独的css文件中,通过link标签在网页中引入 --> <link rel="stylesheet" href="./02-css演示.css"> <!-- 3.行内式【搭配js使用】 --> <!-- 写在标签的style属性中 -->
</head><body> <p>这是一个p标签</p> <!-- 3.行内式【搭配js使用】 --> <!-- 写在标签的style属性中 --> <div style="color: aquamarine; font-size: 20px;">这是div标签</div>
</body>
/* 选择器{} */p { color: red;}