犀利又漂亮的css css从入门到精通

今天让我们一起复盘css

vertical-align 垂直对齐方式 取值：top、middle、bottom可以用于图片和文字的对齐方式
rgba函数：rbga(red,green,blue,alpha)

盒子模型是网页布局的基础，将页面中所有元素都看作是一个盒子，盒子都包含以下几个属性：
width 宽度
height 高度
border 边框
padding 内边距
margin 外边距
让我们一起来画一个三角形
border: solid;
width: 0px;
border-color: red transparent transparent transparent;
border-width: 100px 100px 0px 100px;
试试就逝世啊

display:none

元素在页面上将彻底消失，元素本来占有的空间就会被其他元素占有，也就是说它会导致浏览器的重排和重绘。
不会触发其点击事件

visibility:hidden

和display:none的区别在于，元素在页面消失后，其占据的空间依旧会保留着，所以它只会导致浏览器重绘而不会重排。
无法触发其点击事件
适用于那些元素隐藏后不希望页面布局会发生变化的场景