青训营笔记创作第四天 1.CSS是什么？ CSS指的是层叠样式表（Cascading Style Sheets） CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素 CSS节省了大量工作。它可以同时控制多张网页布局。 2.css的引入方式 引入方式 书写位置 作用范围 使用场景 内嵌式 CSS写在style标签中。style标签通常放在head中 当前页面 小案例 外联式 CSS写在单独的CSS文件中，通过link标签引入 多个页面 项目中 行内式 CSS写在标签的style属性中 当前标签 配合js使用 3.CSS选择器 （1） ID选择器 结构：#id属性值 { css属性名: 属性值; } 作用：通过id属性值，找到页面中带有这个id属性值的标签，设置样式 （2）类选择器 结构：.class { css属性名: 属性值; } 作用：通过类名，找到页面中所有带有这个类名的标签，设置样式 （3）通配符选择器 结构：* { css属性名: 属性值; } 作用：找到页面中所有的标签，设置样式 （4）标签选择器 结构：标签名 { css属性名: 属性值; } 作用：通过标签名，找到页面中所有这类标签，设置样式 （5）属性选择器 属性 说明 [attribute] 选择多有带 attribute 属性的元素 [attribute=value] 选择 attribute=value的所有元素 [attribute~=value] 选择 attribute属性包含单词 value的所有元素 [attribute^=value] 选择其attribute属性值以value开头的所有元素 [attribute$=value] 选择其attribute属性值以 value结束的所有元素 [attribute*=value] 选择其attribute属性中包含value子串的每个元素 结构：标签名 { css属性名: 属性值; } 作用：通过标签名，找到页面中所有这类标签，设置样式 4.字体样式 属性名 样式 属性值 font-size 字体大小 数字+px font-weight 字体粗细 正常：normal或数字400; 加粗：bold或数字700 font-style 是否倾斜 正常（默认值）：normal; 倾斜：italic font-family 字体系列 sans-serif（无衬线字体）; serif（衬线字体）; monospace（等宽字体） font 字体连写 style weight size family 5.文本样式 属性名 样式 属性值 text-indent 文本缩进 数字+px; 数字+em（推荐：1em = 当前标签的font-size的大小） text-align 对齐方式 left: 左对齐; center: 居中对齐; right: 右对齐 text-decoration 文本修饰 underline: 下划线; line-through: 删除线; overline: 上划线; none: 无装饰线 line-height 文本行高 数字+px; 倍数（当前标签font-size的倍数）
