lzqial1987的专栏

CSS的兼容性问题一直令CSSer头疼，最小高度min-height是一个非常有用的属性，在页面布局中的很多地方可以用到。在52CSS.com的一些实例布局中也有涉及。　　当容器的内容较少时，能保持一个最小的高度，以免破坏了布局或UI设计效果。而当容器内的内容增加的时候，容器能够自动的伸展以适应内容的变化。　　声明：52CSS.com原创，转载请注意出处并加上链接。　　min-

calc((100% - 0px)/9)

有时候我们会纠结PC页面在手机页面上无法正常显示，超出屏幕，有些内容看不到，现在又了下面的代码，可以做到自适应手机屏幕宽度：在网页的中增加一个meta标签：可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width ：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例minimum-scale=

手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个

html, body, div { margin:0; padding:0; border:0; font-size:100%; background:transparent; }body { background:#f2f2f2; font:12px 宋体, Verdana, Tahoma, Lucida Grande, Arial, sans-serif; color:#000; }#gg

abc

1、改变html的排版例如： 改为： 2、设置img 为display:block3、设置vertical-align属性为vertical-align:top | bottom |middle |text-bottom

在网页设计中，table用height:100%是可以整屏的，但需要在网页头部增加: 后就和没有用height:100%一样了，后来发现要给html,body都增加height:100%的属性，这是高度自适应问题的关键所在。 代码如下: html,body{ margin:0px; height:100%; } 一个对象高度是否可以使用百分比显示，取决于对

这几天遇到一个问题，以前也没注意到 就是 列表 ul li 的高度间距问题 发现 li列表上下有间距 大概 有5px的高度 ，经过上网查询经过自己的实验发现如果li里面的内容是图片 只要设置图片的对齐方式就能解决间距问题。解决方法 一使 li 浮动，并设置 img 为块级元素ul{width: 280px;}ul li{float:left;di

1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 heigh

HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同)在 CSS中常用特殊字符识别表:(1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ;(3)_ : 除IE6支持_

传说中的Mozilla推荐/* mozilla.org Base Styles * maintained by fantasai *//* Suggested order: * display * list-style * position * float * clear * width * height * margin * paddingTechnorati

谷歌浏览器默认最小字体为12px，小于12px的字体它都以12px显示，有时我们需要字体小点，特别是在制作英文网站时。不过还是有解决方案的。看下面：在html或者body里添加一句谷歌浏览器专有的属性。html,body{      -webkit-text-size-adjust:none;}注意：如果使用了这个属性，浏览器的字体将不能使用放大缩小功能！（就是

弄了2天才搞明白原来ie6 有爷爷就不认识爸爸 爷爷层也就是最顶层上面属性必须设置 position:relative; z-index:-1;2个属性。才能实现ie6,ie7 的z-index的属性。

<br />强制不换行<br />div{<br />white-space:nowrap;<br />}<br />自动换行<br />div{<br />word-wrap: break-word;<br />word-break: normal;<br />}<br />强制英文单词断行<br />div{<br />word-break:break-all;<br />}<br /> <br />CSS设置不转行：<br />　　overflow:hidden 隐藏<br />　　white-spa

Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center {    margin: auto;