随笔分类 -  css

摘要：在建立网页布局的时候，我们经常会面临一个问题，就是让一个div实现水平和垂直居中，虽然好几种方式实现，但是今天介绍时我最喜欢的方法，通过css和jQuery实现。1、通过css实现水平居中：.className{margin:0auto;width:200px;height:200px;}2、通过css实现水平居中和垂直居中通过css创建一个水平居中和垂直居中的div是一件比较麻烦的事情，您必须事先知道另外一个div的尺寸：.className{width:300px;height:200px;position:absolute;left:50%;top:50%;margin:-100px00 阅读全文

摘要：1.聚焦高亮 屏蔽聚焦高亮方法 屏蔽input聚焦高亮效果的样式：input {outline: none;}textarea {outline: none;} 2.textarea的自动缩放 屏蔽自动缩放 /*css2.0*/textarea {width: 400px;max-width: 400px;height: 400px;max-height: 400px;}/*css3.0*/texearea {resize: none;} 阅读全文

摘要：自适应网页设计（Responsive Web Design）随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效 阅读全文