网页设计大赛第十六天

雪碧图应用

实现方式：ps手动拼图

        使用sprite工具自动生成（例如CssGaga）

 

 

1.<i>常用来放小图片;

2.无序列表去掉前面的小黑点，使用ul{list-style:none;}

3.图片设置background-position在css样式里设置；

4.不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高以及margin、padding的设置来展示样式以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出;

 

 

CSSdisplay:inline和float:left两者区别

①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示)②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。那么两者的区别显而易见:display:inline元素不能设置宽高，因为它属于行布局，其特性是在一行里进行布局，所以不能被设定宽高