css小tips

内容目录

属性

`box-sizing: border-box;`：这个属性可以让我们设置的盒子宽高包括内边距和边框。

`overflow: hidden;`：这个属性可以让我们设置的盒子超出部分隐藏。可以解决嵌套块级元素时发生的塌陷现象。

实操遇到的问题

脱离文档流的方式

float：left/right、position：absolute/fixed会脱离文档流。但是position：relative不会脱离文档流。

css 画三角形

将盒子宽高设为 0，颜色设置突出一边的 border 颜色，就能得到一个三角形：

div {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-color: red;
}

关键词 :

相关笔记

css书写顺序

css 书写顺序：布局定位属性 > 自身样式 > 文本样式 > 其他样式。

css选择器

css 标签选择器 css 标签选择器用来选中 html 中的标签，比如 h1、p、div 等等。 h1 { color: red; } css 类选择器 css 类选择器用来选中 html 中的类，比如 .title、.content 等等。 .title { color: red; }

css三大特性

css 继承 css 继承是指子元素会继承父元素的样式。 Info 父元素的有关的文字属性会被继承，而非文字属性则不会被继承。例如，父元素的字体颜色、字体大小、行高等属性会被子元素继承，而父元素的背景颜色、边框样式等属性则不会被子元素继承。