css：层叠样式表，网页的样式
目录
一、基础选择器
1、标签选择器 标签名{ }
选择页面上所有的同类标签
2、类选择器 .类名{ }
标签调用class="类名"
特点：1. 谁调用，谁生效
2.一对多 一个类选择器可以被多个标签同时调用
3.多对一 一个标签可以同时调用多个类选择器
类选择器命名规范：
1.不能以纯数字或数字开头定义类名
2.定义类名的时候不能出现特殊字符，除_和-可以作为连接符
3. 不推荐使用中文定义类名
3、id选择器 #id名{ }
标签调用 id="id名"
特点：1.调用才生效
2.唯一性(一对一)
同一个id选择器只能被调用一次
一个标签最多只能调用一个id选择器
4、通配符选择器 *
*代表所有，把页面所有的标签都选中，设置相同的样式
二、字体文本相关样式
字体大小：font-size
font-size: 数值+px;
浏览器默认大小16px
字体粗细：font-weight
normal 默认值不加粗；bold 加粗 正常400；加粗700
文字风格：font-style
normal不倾斜；italic倾斜
字体和文字样式：font-family
font-family: arial, 'microsoft yahei', sans-serif;
多个字体用逗号隔开；从左往右解析；英文在前，中文在后；多单词组成的字体加单引号
chrome浏览器默认字体：微软雅黑microsoft yahei
行高：line-height
line-height:数值/数值+px;
行高组成：上间距+文字高度+下间距
默认值normal 约等于1.1-1.3倍的文字大小
行高不带单位是当前标签文字大小的倍数
文字属性的连写
格式：font: style weight size/line-height family;
文字大小和字体为必写项，其他项不写取默认值
首行缩进：text-indent
text-indent: 2em;
文本修饰：text-decoration
none 默认值 无下划线
underline 下划线
line-through 删除线
overline 上划线
文本水平对齐：text-align
lef 左对齐 默认值
center 水平居中
right 右对齐
居中总结
1、文字、a标签、span标签、img标签、input标签水平居中，需要给他们的父元素设置text-align:center
2、div、p、h1-h6水平居中，设置宽度，给自己使用margin:0 auto
颜色表示方式
1.写颜色名称
2.十六进制颜色表示法 #开头 从0-9，a-f，任选6位
两两相同，可以省略一个，比如#ff0000,可以写成#f00
3.rgb颜色表示法（取值范围是0-255，rgb(a,b,c)）
4.rgba a表示透明度，取值0-1
三、css引入方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- 内嵌式-->
<style>
.box {
color: red;
font-size: 30px;
}
</style>
<!-- 外联/链式(.css文件) link链接 rel类型 stylesheet样式表 href="路径"-->
<link rel="stylesheet" href="./hm.css">
</head>
<body>
<div class="box">AAA</div>
<!-- 行内式 配合js使用 -->
<h2 style="color: pink;">标题</h2>
</body>
</html>
