持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第11天，点击查看活动详情

一、display

• display用于进行行内元素与块级元素之间的相互转换，或者将隐藏显示的元素或将显示的元素进行隐藏。它有三个属性值：
  • inline:行内元素
  • block：块级元素
  • none：无
• 当将一个行内元素的display属性值设置为block以后，这个元素就会被转换为块级元素
  • 如果行内元素转换为了块级元素，那么这个元素就会拥有块级元素的特点
  • 如果块级元素转换为了行内元素，那么这个元素就会拥有行内元素的特点
• display属性对元素进行显示隐藏，这个功能主要是通过Javascript语言来使用
  • display:none:将显示的元素进行隐藏
  • display:block:将隐藏的元素显示出来

二、z-index

• z-index表示谁压着谁，数值大的会压盖数值小的
• 只有定位元素才有z-index属性，即只有设置了固定定位、相对定位和绝对定位元素才拥有z-index属性
• z-index属性值是没有单位的正整数、默认值为0
• 如歌多个定位元素没有设置z-index属性，或者z-index属性值设置的值相同，那么写在HTML后面的定位元素会压盖住前面的定位元素

三、结构伪类选择器

• E:first-child:匹配第一个孩子
• E:last-child:匹配最后一个孩子
• E:nth-child(n):匹配第n(从1开始)孩子
• E:nth-child(2n)和E:nth-child(event):匹配偶数位孩子（2、4、6...）
• E:nth-child(2n+1)和E:nth-child(odd):匹配奇数位孩子（1、3、5...）
• E:only-child:匹配有且只有一个孩子

四、border-collapse

• border-collapse属性用于合并表格的边框线
• 属性值为collapse，即border-collapse:collapse