前端入门

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; }