-
给i标签设置雪碧图背景图片 li i{ background:url();/*雪碧图片*/ display：inline;/*设置成行级元素*/（不同浏览器默认值有些不一样，所以网页设计时，最好都明确定义） width:30px; height:24px;/*因为i标签本身没有内容，所以设置宽高作为显示区*/ float:left; /*浮动元素会生成一个块级框，从而可以设置宽高*/ margin:3px 10px 0 0;/*微调*/ }查看全部
-
有几个非常不错的前端开发在线工具，分享给一起学习的小伙伴们，别忘了收藏，很实用。 （1）在线代码测试工具：http://www.lvyestudy.com/tools/run_code.aspx； （2）在线调色板：http://www.lvyestudy.com/tools/color_picker.aspx； （3）CSS3圆角生成器：http://www.lvyestudy.com/tools/border_radius.aspx查看全部
-
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可防止元素溢出查看全部
-
font-weight：400 //文字粗细查看全部
-
list-style:none; 除去无序标签前面圆点查看全部
-
CSS Sprite雪碧图实现方式 1.PS手动拼图：制作多个小图片，拼成一个大图片，用鼠标挪动图片的位置（position）。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标，以及对应的css程序,提供background-position的值 下载地址：http://www.99css.com/archives/1524查看全部
-
原理：通过css的背景定位属性：background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候，只需要取左上角的坐标进行偏移，例如(-100,0)，只需要将background-position:-100,0; 实现原理：控制一个层，可显示的区域范围大小，通过一个窗口，进行背景图的滑动。查看全部
-
要是给出按钮和外框大小的数据就好了，自己测量的不太准确，算了就这样查看全部
-
文本输入框里的提示文字怎么往后定位?查看全部
-
1，用hight和line-height来控制居中； 2，用display:block/inline来使其拥有块级元素或者行级元素的特性； 3，初始化*{margin:0px;padding:0px;}ul{list-style:none;}查看全部
-
CssGaga配置网址查看全部
-
CssGaga查看全部
-
CSS Sprite拼图方式查看全部
-
CSS Sprite雪碧图优点查看全部
-
CSS Sprite雪碧图使用场景查看全部
举报
0/150
提交
取消