课程设计中遇到的问题

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;