-
雪碧图查看全部
-
需要给每个i标签引入背景图片，然后进行图片定位查看全部
-
完成页面当中的展示列表HTML的结构代码 1.注意标签的语义化，无序列表需使用ul和li。 2.标题部分要使用h3标签。 3.每个li结构当中会有一个i标签用来展示icon。 为列表的容器添加class和样式，同时reset列表本身的容器 1.注意要reset H3的默认样式。 2.li和ul要去掉默认的样式。 3.为ul的容器div增加class，并设置样式。查看全部
-
1常用<i></i>来放小图片 2为给小图片设置background-position属性，需要给<li>定义一个类名<li class="cat-数字"> 3去掉<ul>标签下<li>标签的小黑点，在<style>标签下ul{list-style:none} 4不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出查看全部
-
实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。主要是在background-position上调整图的位置查看全部
-
使用css sprite的条件： 1.静态图片，不随用户信息变化而变化。 2.小图片，图片容量比较小 3.加载量比较大。查看全部
-
初始化CSS样式： blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul{ margin: 0; padding: 0; }查看全部
-
雪碧图设计： 先对图标区域设置背景图 再将其相应区域撑开，即定义宽高 最后再逐个设置背景图的位置坐标，即：background-position属性查看全部
-
1常用<i></i>来放小图片 2为给小图片设置background-position属性，需要给<li>定义一个类名<li class="cat-数字"> 3去掉<ul>标签下<li>标签的小黑点，在<style>标签下ul{list-style:none} 4不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出；查看全部
-
CSS Sprite图生成工具——CSS Gaga，下载地址：http://www.99css.com/archives/1524查看全部
-
通过css-background-position 属性来设置的。 拼合背景图的小图（X，Y）为负值。 控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
小图标拼成大图有效的减少http请求数，加快加载的速度 在网页中，每请求一次，就会和服务器链接一次，建立链接 需要额外的时间开销 使用css sprite的条件： 1.静态图片，不随用户信息变化而变化。 2.小图片，图片容量比较小 3.加载量比较大。查看全部
-
结合结构简单化查看全部
-
结合结构简单化查看全部
-
实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。主要是在background-position上调整图的位置查看全部
举报
0/150
提交
取消