目录
***网页三大元素***
***什么是CSS***
***为什么使用css***
css样式中 不区分大小写
***css样式规则***
***css引用(行内、内部、外部link链入、导入式@import)***
- 行内样式(直接在标签后边添加css样式)
- 内部样式(通过<style>标签嵌入在<head>标签中)
- 外部链入(通过<link>标签在<head>标签中引入)
- 导入式(通过@import 在<style>标签中导入外部样式)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css样式</title>
<!--导入式样式-->
<style type="text/css">
@import "css.css" /*或者: @import url(css.css)*/
</style>
<!--内部样式(嵌入样式):将css样式代码写在<head>标签内部-->
<style type="text/css">
<!--
样式... //说明:低版本的浏览器不会识别style样式表,不添加html注释则会将css样式展示在浏览器中;而高版本的浏览器则h会直接忽视注释符号,直接识别css样式
-->
</style>
<!--外部样式-->
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--css行内样式:在开始标签内 添加 style样式属性-->
<p style="color:red;font-size:20px;">内容</p>
</body>
</html>
***css三种使用方法的区别***
(实际工作中多使用 链入外部样式)
【注意】:不同标签有不同的默认样式,可参考《HTML标签默认样式汇总》