搭建页面时遇到的css问题集锦

1.两个div之间有空隙（出现这个问题可能是由于IE对CSS兼容不够导致的。在开头把边距清零相当于将各种浏览器的标准重置。）最简单的就是在CSS文件开头加一句*{ margin:0px;padding:0px} 强制所有对象内外边距为0,在开头把边距清零相当于将各种浏览器的标准重置。

2.div水平居中  {margin:0 auto;},其中文字水平居中) {text-align:center;}

居于网页正中间

3.设置页面整体背景颜色 整个页面设置为红色，body{ background:redf}

4.在搭建导航栏的时候为了增加字与字之间的间距，使用padding和margin，然后……

这时候设置行高line-height: 50px;左内边距padding-left: 10px;之后，哈哈哈哈

5.transition 、transform 和 translate的区别

transition是控制动画实现效果的一个属性，如transition : all 0.5s ease

transform的中文翻译是变换、变形，是css3的一个属性，和其他width，height属性一样

translate 是transform的属性值，是指元素进行2D变换，2D变换就是指，元素以当前位置（0,0）按照x轴的方向移动多少，按照y轴的方向移动多少

例如：

transform：translate(0,100%) 表示从元素的当前位置延y轴方向，向下移动整个元素高度的距离

transform：translate(-20px,0) 表示从元素的当前位置延x轴方向，向左移动20px

transform 有很多其它属性值，translate3D（3D变换）,scale（2D缩放）等其他的变换方式