-
输入框的提示内容用placeholder:"XXXX" 琢磨了好几个小时,总算磨出来了。。。哎查看全部
-
浏览器通常很快就可以将文本显示出来,但图像往往会减慢页面的加载速度。这一现象在移动设备上尤为明显。为了解决这一问题,可以将多个图像拼合成单个背景图像(sprite),再通过 CSS 控制具体显示图像的哪一部分。其中的秘密就是 background-position 属性。查看全部
-
CSS Sprite图生成工具——CSS Gaga,下载地址:http://www.99css.com/archives/1524查看全部
-
感觉还不错查看全部
-
【1-1 CSS Sprite雪碧图使用场景】 案例: 1.导航条,上的图标,优化时不适用img标签 2.登陆框,上注册,登陆按钮 3.淘宝首页分析:边栏导航图片;banner按需加载不是雪碧图;有纯色背景的按钮(登 陆,免费注册),不是图片,通常用css样式写按钮背景;而小的icon是字体文件做出 来的 总结: 1.静态图片,不随用户信息的变化而变化 2.小图片,图片容量比较小(单张3k-5k) 3.加载量比较大 一些大图不建议拼成雪碧图 点中淘宝侧栏导航,看到<i></i>样式中给了背景图片是雪碧图,好处: 有效的减少http请求数量,加速内容显示(cause每请求一次,就会和服务器链接一次,建 立链接是需要额外的时间开销) 课程内容:原理>CSS Sprite>完整内容查看全部
-
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的条件: 1.静态图片,不随用户信息变化而变化。 2.小图片,图片容量比较小 3.加载量比较大。查看全部
-
雪碧图 制作原理1查看全部
-
CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。 ...查看全部
-
CSS实现原理:控制一个层,可显示的区域范围大小,通过一个窗口,进行背景图的滑动。查看全部
-
雪碧图创建方法:
【1】PS切图创建;
【2】CssGaga https://www.99css.com/1524/
查看全部 -
用到雪碧图的场景查看全部
-
CSS Sprite雪碧图: 1.为性能优化和减少请求数目而使用。一般用在网页的导航条,登陆框等。一般大图不会用到雪碧图,它是按照需要来加载;动态的图片一般也不会用雪碧图。 2.使用雪碧图的基本规则: a.静态图片,不随用户信息的变化而变化 b、小图片,图片容量比较小 c.加载量比较大的情况下,可拼装成雪碧图 大图不建议拼装 小图拼成大图的好处:有效减少对服务器的请求量,加速网页内容的显示(在网页中,每请求一次,就会和服务器链接一次,建立链接需要额外的时间的)查看全部
-
【雪碧图的实现原理】 css -- background position控制; x,y为负值,左上角顶点作为0.0坐标; 控制一个层可显示的区域范围大小,通过一个窗口,进行背景图的滑动;查看全部
-
css3选择器查看全部
举报
0/150
提交
取消