1.common.css
某些元素可能有相同的样式,我们可以将该样式设置为类样式。在使用时直接使用类名
2.同样的样式变换到另一个元素
可将样式设置为类样式,在变换时通过js代码类名添加or取消,从而达到样式的切换
3.行盒不能设置宽高 我们可以将display变为行块盒后改变其宽,高
4.设置输入框中为输入时显示的字的颜色,可以使用::placeholder选择器
5.input元素有边距是由于有padding改变的
6. 三栏布局
左右边栏左右浮动 中间栏创建BFC 或 为行盒
1.先写所有浮动元素盒子 再写常规流盒子。对布局没影响 但浏览器会认为前面写的代码一般为重要的 因此就有了(2.)
2. 主区域代码靠前书写时 设置左右margin 然后将浮动元素以绝对定位挂在应在的位置
7.伪等高
边框栏 height为一个很大的数 magrin-bottom为一个很小的负数 并且二者相加不为0 然后给主盒子设置overflow:hidden
- 背景图的设置
background先设置位置 再设置大小
设置位置通常使用像素