-
CSS Sprite雪碧图实现方式 1.PS手动拼图:制作多个小图片,拼成一个大图片,用鼠标挪动图片的位置(position)。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标,以及对应的css程序,提供background-position的值 下载地址:http://www.99css.com/archives/1524查看全部
-
CSS Sprite雪碧图实现方式 1.PS手动拼图:制作多个小图片,拼成一个大图片,用鼠标挪动图片的位置(position)。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标,以及对应的css程序,提供background-position的值 下载地址:http://www.99css.com/archives/1524查看全部
-
最后要li:last-child{ border-bottom:none; }查看全部
-
自动居中一定要设置宽度,且元素为块元素查看全部
-
虽然会写 但是很多原理不懂 比如我要是没给最外面div加个边框 就缩了 这是为什么??? 然后两个登陆框和注册是必须按照图片的px来写吗?能拉伸么?对坐标也不太理解,为什么一个坐标就能确定??查看全部
-
cssscrpite雪碧图 静态图片,不随用户信息变化而变化。 小图片,容量比较小 加载量比较大。(目的是:有效的减少http请求的数量) 大图不建议拼成雪碧图,加载时间长查看全部
-
①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,即元素成一行排列(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说内联元素如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。 简单的说就是float可以设置宽高,然而display:inline;虽然也会浮动,但是他不能设置宽高查看全部
-
给i标签设置雪碧图背景图片 li i{ background:url();/*雪碧图片*/ display:inline;/*设置成行级元素*/(不同浏览器默认值有些不一样,所以网页设计时,最好都明确定义) width:30px; height:24px;/*因为i标签本身没有内容,所以设置宽高作为显示区*/ float:left; /*浮动元素会生成一个块级框,从而可以设置宽高*/ margin:3px 10px 0 0;/*微调*/ }查看全部
-
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可防止元素溢出 (决定浏览器如何处理溢出的步骤: (1) 输入 overflow: 。 (2) 输入 visible ,让元素盒子中的所有内容可见,这是默认项; 或者输入 hidden ,隐藏元素盒子容纳不了的内容; 或者输入 scroll ,无论元素是否需要,都在元素上添加滚动条; 或者输入 auto ,让滚动条仅在访问者访问溢出内容时出现。)查看全部
-
通过CSS background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候,只需要取左上角的坐标进行偏移,例如(-100,0),只需要将background-position:-100,0; 控制一个层,可显示的区域范围大小, 通过一个窗口,进行背景图的滑动查看全部
-
存代码查看全部
-
①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。 简单的说就是float可以设置宽高,然而display:inline;虽然也会浮动,但是他不能设置宽高查看全部
-
还要多学习。查看全部
-
CSS Sprite :CSS雪碧图 通常一些网站,为了性能优化和减少请求数目,在导航图上的小图片,并没有使用img标签,使用的是CSS Sprite技术,加速网站显示。 1.静态图片,不随用户信息的变化而变化 2.小图片,图片容量比较小(3~5k) 3.加载量比较大 作用:家少HTTP请求数量,加速内容显示。查看全部
-
小于飞飞 CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。 ... 时间: 2014-05-04查看全部
举报
0/150
提交
取消