1.如何为bootstrap里面的图标设置样式??
在引用图标元素的后面加上::before然后写样式即可
2.用了margin:0 auto;之后盒子没有居中
盒子设置宽度后用margin:0 auto才会居中。
3.去除input框点击默认的边框
outline:none;
4.侧边框与高度自适应问题
①vh vw 与 vm
height:100vh
缺点在于并不是自适应的,侧边框的高度被绝对固定为当前页面的高度,如果有顶部导航栏因为侧边栏的存在就会让页面变长
vh:视口单位(Viewport units),vh是相对于视窗高度的单位。1vh=1/100浏览器宽度。如果要设置一个元素的样式使它占据整个屏幕的高度,可以设置height:100vh;但在移动端要尽量避免使用。有可能会出现问题。
vw是相对于视窗宽度的单位,1vw=1/100浏览器宽度。
vm:相对于视窗的宽度或高度,取决于哪个更小
5.去除textarea右下方的拉缩控件
resize:none;