CSS的元素显示

                  元素显示      

元素显示有三种模式

第一种模式

块级元素

display:black

特点：1、独占一行（一行只显示一个）；2、宽度默认是父级元素的宽度，高度默认有内容撑开；

3、可以设置宽和高

第二种模式

行内元素

display:inline

特点：1、一行可以有多个；2、宽度和高度默认由内容撑开；3、不能设置宽和高

第三种模式

行内块模式

display:inline-black

特点：1、一行可以有多个；2、可以设置宽和高

                             定位

定位有三种模式

第一种模式

固定定位

position:fixed

特点：固定在网页中，不在站网页的位置，已脱离文档流

第二种模式

相对定位

position:relative

特点：相对于原先的位置进行移动（相对于自身）；不会脱离文档流

第三种模式

绝对定位

position:absolute

特点：相对于整个网页进行移动；如果父级有定位，则会相对于父级进行移动（父相子绝）；

绝对定位会脱离文档流

         CSS的基础属性

属性名	说明
dispaly:none	元素隐藏
display:black	块元素
display:inline	行内元素
display:inline-black	行内块元素
position:fixed	固定定位
position:relative	相对定位
position:absolute	绝对定位
display:fiex	弹性布局
justify-content: center;	让子元素左右居中
align-items: center;	让子元素上下居中
white-space: nowrap	不允许换行
overflow: hidden	溢出隐藏
text-overflow: ellipsis	隐藏的内容