元素显示
元素显示有三种模式
第一种模式
块级元素
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 | 隐藏的内容 |