css 继承 css 继承是指子元素会继承父元素的样式。 Info 父元素的有关的文字属性会被继承,而非文字属性则不会被继承。 例如,父元素的字体颜色、字体大小、行高等属性会被子元素继承,而父元素的背景颜色、边框样式等属性则不会被子元素继承。
css 书写顺序:布局定位属性 > 自身样式 > 文本样式 > 其他样式。
属性 box-sizing: border-box;:这个属性可以让我们设置的盒子宽高包括内边距和边框。 overflow: hidden;:这个属性可以让我们设置的盒子超出部分隐藏。可以解决嵌套块级元素时发生的塌陷现象。
css 显示模式 css 块级元素会独占一行,比如 div、p、h1 等等。 css 行内元素不会独占一行,比如 span、a、strong 等等。 css 行内块级元素不会独占一行,但是可以设置宽高,比如 img、input 等等。
盒子模型 html 标签中每个标签都可以看作是一个盒子,盒子模型中包括内容(content)、内边距(padding)、边框(border)、外边距(margin)。 内容部分 下面是一个简单的盒子模型。 内容部分是指标签中的内容,如下图所示的蓝色区域:
css 标签选择器 css 标签选择器用来选中 html 中的标签,比如 h1、p、div 等等。 h1 { color: red; } css 类选择器 css 类选择器用来选中 html 中的类,比如 .title、.content 等等。 .title { color: red; }