前端HTML+CSS注意事项

1.CSS中使多个div并排显示的方法：

• flaot：left；
• display：inline；

两个div设置了float:left不并排的原因：

• 总宽度要小于或等于对象上级宽度
• 上级对象与本级div没有设置宽度

另：div作为父元素没有指定高度或宽度时，由其子元素的高度或宽度撑起父元素的大小。

2.CSS中加载背景图片时必须设置被加入位置元素的宽和高

HTML：<span class="drop_down"><!--加入背景图片位置--></span>

CSS：

span.drop_down{
  height: 23px;
  width: 23px;
  background-image: url(Image/下拉.png);
  background-repeat: no-repeat;
}

3.在一个工程中的CSS文件中设置背景图片时出现“Cannot resolve file 'sign_bg.png' ”的解决办法

一般建立的工程目录格式如下图所示：

如果在CSS文件夹下的main.css中添加背景图片时：background-image: url("img/sign_bg.png");

按常理是没有错的，但是该种写法的意思是img文件夹与main.css在同一级下面，然而并不是。

所以正确写法是：background-image: url("../img/sign_bg.png");

4.图文详解ul中li内容垂直居中和水平居中的方法

转自：http://www.php.cn/css-tutorial-411172.html