1.溢出
1)overflow: visible;默认溢出
2)overflow: hidden;溢出文本隐藏,文本裁切
3)overflow: scroll;溢出滚动
4)overflow: inherit;继承父元素的效果
5)overflow: auto;/*溢出自动滚动,未超过不显示滚动,常用*/
6)overflow-x:auto overflow-y:hidden只设置一个方向自动滚动
7)标签选择器:hover 可控制鼠标滑过时候的样式
8)white-space: nowrap不换行 pre保留格式
{overflow:hidden隐藏
white-space: nowrap不换行
text-overflow: ellipsis;}三语句连用实现省略号效果
2.元素显示类型
1)块元素 div、p、ul、li、dl、dt、dd、h1-h6
1.矩形区域 2.独占一行 3.可定义自己的宽高 4.其他元素的容器
2)行内(内联)元素 a、b、em、i、span、strong等
1.逐个显示,横着排 2.不能定义宽高 3.部分遵循盒模型
行内元素无法实现上下边距设置(包括margin和padding),只有左右可以实现
3)行内块元素 img、input
既能在一行中显示,又能设置高宽
3.元素类型相互转换
display:block块元素 inline行元素 inline-block行内块元素 none不显示
前端学习打卡Day4
于 2022-03-10 11:49:24 首次发布