css样式中的其他问题
1.设置label的宽度
display:inline-block;
2.form中label标签对齐,内容右对齐
给label设置—个固定长度即可:
label{ display:inline-block; width:100px; text-align:right; }
3.按钮位置
4. height calc()函数
5. 改变滚动条样式
使html原生的滚动条样式隐藏
body::-webkit-scrollbar { //滚动条整体样式
width: 4px;
}
body::-webkit-scrollbar-thumb { //滚动条里面的滑块
border-radius: 10px;
background: transparent;
-webkit-box-shadow: inset 0 0 0px transparent;
box-shadow: inset 0 0 0px transparent;
}
body::-webkit-scrollbar-track { //滚动条里面轨道背景
-webkit-box-shadow: inset 0 0 0px transparent;
box-shadow: inset 0 0 0px transparent;
background: transparent;
border-radius: 0;
}
把body换成自己需要修改滚动条样式的box
6. 实现div背景透明,但是不影响文本内容的正常显示
background: rgba(20, 34, 69, 0.55);
opacity: 0.5;
opacity属性来控制透明度,内部也会继承其透明度样式,不能实现效果