CSS

需求：需要在网页中展示一张图片的效果？Ø 方法一：直接写上img标签即可• img标签是一个标签，不设置宽高默认会以原尺寸显示Ø 方法二：div标签 + 背景图片• 需要设置div的宽高，因为背景图片只是装饰的CSS样式，不能撑开div标签

背景颜色 属性名：background-color（bgc）Ø 属性值：• 颜色取值：关键字、rgb表示法、rgba表示法、十六进制……Ø 注意点：• 背景颜色默认值是透明： rgba(0,0,0,0) 、transparent • 背景颜色不会影响盒子大小，并且还能看清盒子的大小和位置，一般在布局中会习惯先给盒子设置背景颜色   背景图片 属性名…

作用：通过简写语法，快速生成代码

后代选择器：空格 作用：根据 HTML 标签的嵌套关系，选择父元素 后代中 满足条件的元素Ø 选择器语法：选择器1 选择器2 { css }Ø 结果：• 在选择器1所找到标签的后代（儿子、孙子、重孙子…）中，找到满足选择器2的标签，设置样式Ø 注意点：1. 后代包括：儿子、孙子、重孙子……2. 后代选择器中，选择器与选择器之前通过 空格 隔开   …

css颜色共有四种颜色取值方式 属性名 如：文字颜色：color• 如：背景颜色：background-color   取值类型①：关键词Ø 常见颜色取值：• red：红色• green：绿色• blue：蓝色• yellow：黄色• orange：橘色• skyblue：天蓝色• pink：粉色   取值类型②：rgb表示法 每项取值范…

字体行高的作用 作用：控制一行的上下行间距Ø 属性名：line-heightØ 取值：• 数字+px• 倍数（当前标签font-size的倍数）   应用：1. 让单行文本垂直居中可以设置 line-height : 文字父元素高度2. 网页精准布局时，会设置 line-height : 1 可以取消上下间距Ø 行高与font连写的注意点：• 如果…

如果需要让div、p、h（大盒子）水平居中？• 可以通过margin : 0 auto ; 实现Ø 注意点：1. 如果需要让 div、p、h（大盒子） 水平居中，直接给 当前元素本身 设置即可2. margin：0 auto 一般针对于固定宽度的盒子，如果大盒子没有设置宽度，此时会默认占满父元素的宽度

text-align : center 能让那些元素水平居中？1. 文本2. span标签、a标签3. input标签、img标签Ø 注意点：1. 如果需要让以上元素水平居中， text-align : center 需要给以上元素的 父元素 设置

文本缩进 属性名：text-indent 属性名：text-indentØ 取值：• 数字+px• 数字+em（推荐：1em = 当前标签的font-size的大小）   文本水平对齐方式 属性名：text-align 注意点：• 如果需要让文本水平居中，text-align属性给文本所在标签（文本的父元素）设置   文本修饰 属性名：t…

字体系列 font-family 属性名：font-familyØ 常见取值：具体字体1,具体字体2,具体字体3,具体字体4,…,字体系列• 具体字体：”Microsoft YaHei”、微软雅黑、黑体、宋体、楷体等……• 字体系列：sans-serif、serif、monospace等……Ø 渲染规则：1. 从左往右按照…