-
CSS Sprite雪碧图实现方式 1.PS手动拼图：制作多个小图片，拼成一个大图片，用鼠标挪动图片的位置（position）。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标，以及对应的css程序,提供background-position的值 下载地址：http://www.99css.com/archives/1524查看全部
-
meta查看全部
-
CSS Sprite雪碧图实现方式 1.PS手动拼图：制作多个小图片，拼成一个大图片，用鼠标挪动图片的位置（position）。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标，以及对应的css程序,提供background-position的值 下载地址：http://www.99css.com/archives/1524查看全部
-
控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
使用大图的目的查看全部
-
CSS sprite 雪碧图查看全部
-
修改过的查看全部
-
有点复杂，CSS还没有掌握好！查看全部
-
<style> *{margin:0;padding:0;} .cat{ background:#f8f8f8; border:1px solid #bbb; width:150px; } ul{list-style:none;} li{ height:31px; line-height:31px; display: block; border-bottom:1px solid #dedede; overflow:hidden; } li h3{font-size:14px; font-weight: 400; margin-left:50px; } </style>查看全部
-
CSS Sprite雪碧图应用查看全部
-
1.css reset：*{padding: 0;margin: 0;} 2.ul去除默认样式：ul{ list-style:none;} 3.设置li标签的height和line-height一致，为了使内容垂直居中。 height:31px; line-height:31px; 4.li设置左右外边距，使得下边框不和div的边框重合 5.font-weight设置文字粗细，可直接设置数值，也可设置normal等查看全部
-
1.常用<i></i>来放小图片 2.为给小图片设置background-position属性，需要给<li>定义一个类名<li class="cat-数字"> 3.ul{list-style:none}//去掉<ul>标签下<li>标签的小黑点 li {display:block;//使得行高设置有效 height:31px;//高度 line-height:31px;//配合height,使得文字垂直居中 overflow:hidden;//防止内容溢出 4.不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式，以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出 （决定浏览器如何处理溢出的步骤： (1) 输入 overflow: 。 (2) 输入 visible ，让元素盒子中的所有内容可见，这是默认项； 或者输入 hidden ，隐藏元素盒子容纳不了的内容； 或者输入 scroll ，无论元素是否需要，都在元素上添加滚动条； 或者输入 auto ，让滚动条仅在访问者访问溢出内容时出现。）查看全部
-
http://img1.sycdn.imooc.com//55dea96b0001c6e612800720-120-68.jpg查看全部
-
1，常用<i></i>来放置小图片； 2，为给小图片设置background-position属性，需要给<li>定义一个类名； 3，设置<style>标签下的ul{ list-style:none;} 4,<li>先转化为块级标签才能设置行高 diaplay:block;之后设置ling-height 3去掉<ul>标签下<li>标签的小黑点，在<style>标签下ul{list-style:none} 4不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同：先将display属性设置为block，否则设置行高什么的没用，overflow：hidden可防止元素溢出查看全部
-
23333333查看全部
举报
0/150
提交
取消