Css
css实现div不定宽高垂直水平居中解决方案
在项目中我们经常能碰见然图片垂直水平居中，不定宽高的div垂直水平居中，等等~~ 现在我将介绍我所知道的几种用css来解决的几种方案。1.父元素text-align:center;display:table-cell;vertical-align:middle;子元素display:inline-bloc...
css3之transform属性实现div不定宽高垂直水平居中
transform的作用transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。(w3cschool)transform的兼容性transform的兼容性还是比较乐观的。IE9以下不兼容，IE9支持代替的-ms-transform属性不过只支持2D转换。谷歌和Safari支持代替...
css之background-position属性实现雪碧图
什么是雪碧图雪碧图就是CSSSprite，也有人叫它CSS精灵，是一种CSS图像合并技术，就是把多张小图标合并到一张图片上，然后用css的background-position来显示需要显示的部分。为什么要用雪碧图可以减少加载网页图片时对服务器的请求次数，提高页面的加载速度，解决IE6鼠标滑过时出现闪白的现象。用雪碧图...
CSS3之word-wrap英文单词溢出强制换行
word-wrap:normal|break-word;所有主流浏览器都支持word-wrap属性。<divcolor:#800000;">"border:1px#f00solid;width:50px;word-wrap:break-word;">https://home.cnblogs.com/set/...
CSS Bugs 解决方案
说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10,Firefox6.0,Chrome13.0,Safari5.1,Opera11.51如何在IE6及更早浏览器中定义小高度的容器？方法：#test{overflow:hidden;height:1px;font-size:0;line-height:...
CSS实现背景透明，文字不透明，兼容所有浏览器
重点内容入口：IE6和部分IE7内核的浏览器会读懂rgbaIE专属滤镜filter:Alpha的兼容处理背景透明，文字不透明全兼容方案测试浏览器：VirtIE6、虚拟机下XP的IE6、纯正IE8、纯正IE8下QQ浏览器、WIN7下的IE9.0.32、WIN8下的IE10.0.21、chrome38.0、QQ...
css问题 ie7兼容性问题
1、响应式网站用百分比时ie7不兼容；试试将margin:010%改为margin-left:15%;左边是可以的，但是右边就不行了2、ie7的span里的字会出现白色背景，是因为没有定高度，在ie7里单独设个高度即可；...
css3效果
1、放大图片： /*galleryImagecss*/a.galleryImage{display:block;}.galleryImageimg{transition:all.4sease-out;-webkit-transition:all.4sease-out;}.galleryImage:hoveri...
手机横屏竖屏css
@media是css3中新定义的，功能非常强大，顾名思义PC是无法匹配横竖屏的，所以orientation只对移动设备起效。1.头部声明复制代码代码如下:<metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=...
移动Web—CSS为Retina屏幕替换更高质量的图片
来源：互联网 作者：佚名 时间：12-2410:37:45 【大 中 小】点评：Retian似乎是屏幕显示的一种趋势，这也是Web设计师面对的一个新挑战;移动应用程序的设计师们已经学会了如何为Retina屏幕设备显示更好质量的图片，用来提高用户的体验;在本文中，你将看到...
CSS3 Media Queries在iPhone4和iPad上的运用
CSS3MediaQueries的介绍在W3CPlus上的介绍已有好几篇文章了，但自己碰到的问题与解决的文章还是相对的较少。前几天在《修复iPhone上submit按钮bug》上介绍了修复form中sumit按钮的bug。同一个项目，为了实现iPhone和iPad横板与竖板的风格，让我还是头疼了一翻。一开始按照CSS3...
CSS3时钟式进度条
CSS3时钟式进度条，加载完成时生成一个圆，数字慢慢变成100，适时的显示加载进度。友情提醒，如果预览时网页左下角提示错误，刷新一下就可以看到效果了；实际使用中不会出现这样的问题。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0 Transitional//EN""http...
手机web——自适应网页设计（html/css控制）
一.允许网页宽度自动调整："自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。<metaname="viewport"content="width=device-width,initial-scale=1"/>viewport是网页默认的宽度和高度，上面这...
css 禅意花园 笔记
1. FOUC（FlashOfUnstyledContent）现象(在某些情况下，IE加载网页时会出现短暂的CSS样式失效。 a:只发生在Windows上的IE(5.0版本以上) b:只发生在那些会出现FOUC现象的网页 c:IE的临时文件夹中...
关注经典：CSS Awards 获奖网站作品赏析《第一季》
每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSSAwards大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。您可能感兴趣的相关文章经典网页设计：25个应用视差滚动单页网站经典网页设计：...
