- 不换行,并行
display: -webkit-box; - 字体颜色
color: red; - 宽度
width: 100px; - 高度
height: 100px; - 设置图标大小
font-size: 100px; - 设置字体大小
size: 100px; - 设置四面宽距(上;右;下;左;)
margin: 0 0 0 0; - 背景颜色
background-color: red; - 鼠标手型
cursor: pointer; - 字体加粗
font-weight: bold; - 字体间距
letter-spacing: 1px; - 字体类型
font-family: PingFang SC; - 边框圆角
border-radius: 10px; - 设置div悬浮在最上层
position: absolute;
z-index: 999999; //级别 - 遮盖层
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.3); - 隐藏信息
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; - 设置滚动条
overflow-y: auto;
direction: rtl; //滚动条在左边 - 滚动条样式
::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道
::-webkit-scrollbar-track-piece 内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式 - 透明度
opacity: 0.5; - 去除button框框样式
border-color: transparent;
background: transparent;
padding-left: 0;
padding-right: 0;
outline: none;
css基础大纲
最新推荐文章于 2022-05-09 08:30:00 发布