CSS

继承性 子标签会继承父标签的某些样式，如文本颜色和字号（⼦承⽗业） 作用：给父元素设置属性，子元素也可以使用 可以继承的常⻅属性(⽂字控制属性都可以继承) color font-style、font-

块级元素 🔴显⽰特点 独占一行（一行只能显示一个） 宽度默认是父元素的宽度，高度默认由内容撑开 可以设置宽高 （display:block） 🔶代表标签 h1~h6、p、div、ul、li、dl、dd

CSS 中规定每个盒子分别由：内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）构成，这就是盒子模型。 盒子模型分为两种 第一种是W3c标准

基础选择器 通配符选择器 语法结构：*{css属性名：属性值;} 作用：找到页面中所有的标签，然后设置样式。 注意 开发中应用极少，只有在特殊的情况下才会使用。 在页面中可能会用于去除页面中默认的ma

颜色与背景 color: 设置文本颜色。 background-color: 设置背景颜色。 background-image: url("");设置背景图像。 background-repeat:

![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8239692077da45f78125e28cb479b353~tplv-k3u1fbpf

行内样式 这种方式的优点是简单快捷，但缺点是它使得HTML代码与样式混合，不够纯净，且不利于样式的复用和维护。 内嵌样式 这种方式适用于定义特定于某一页面的样式。 外部样式 这是最常用的方法，它通过标

区别 display: none visibility: hidden opacity: 0 是否占据页面空间 不占据 占据 占据 子元素设置该属性，其他值是否可以继续显示 不可以 可以 不可以 自身