CSS分割图片
一张图片,用CSS分割成多个小图标。 css样式: [css] view plaincopy .icon{ background:url(../images/tabicons.png) no-repeat;width:18px; line-...
一张图片,用CSS分割成多个小图标。 css样式: [css] view plaincopy .icon{ background:url(../images/tabicons.png) no-repeat;width:18px; line-...
手机屏幕的宽度很小,一般的图片如果不经过设置,肯定会超过一个屏幕。 现在的css中,有一个很方便的属性max-width,能轻易实现图片自适应大小的功能。 只需要做如下设置: max-width: 100%; 图片大小就会自适应屏幕了。
方法一: 目前很多网站已经出现了手机版的网站,手机网站是和互联网上的网站同步更新的,大多数人访问我们的网站是直接访问电脑上的域名,不可能为了手机网站重新记住一个域名,大家都知道,中国人都是比较懒的,那么遇到这个情况我们如何面对了,其实办法很...
outline是css3的一个属性,用的很少。声明:这是个不能兼容的css属性,在ie6、ie7、遨游浏览器都不兼容。 outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于bo...
用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的! 一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼...
移动开发技术的发展催生越来越多开发平台和框架。开发者通过使用开发平台和框架能够极大地缩短开发周期和提高应用质量。但是,对于一种应用开发技术而言,应用框架的质量、丰富程度等情况在一定程度上决定了应用的总体质量。所以选择一款质量上乘的开发框架对...
下面的这篇文章非常简单,是响应式设计的一个具体实现。我希望能带给刚入门的朋友一些思路和帮助。 ……………………………………✄…………………………………… 关于使用响应式设计来创建一个手机导航栏,之前我曾经写过一个教程。现在我发现了一种新的方...
写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的...
通过回车进行提交表单,可以在用户输入完毕后直接进行回车查询操作,不用点击鼠标,在某些场景应用下非常方便,用户体验较好。 总结&科普一下: 1、如果form里面只有一个input type=text,那么无论有没有submit按钮,在inpu...
一、div页面简单水平居中: .XXX{margin:0 atuo;width:XXpx;} 二、页面完全居中,FF,IE等测试通过: 可使用以下样式,假设一宽为1000px,高560px的div: <style> .warp ...