
html/css
网游草
这个作者很懒,什么都没留下…
展开
-
CSS中zoom:1的作用 ,小标签大作用
CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题。比如,本站使用DIV做一行两列显示,HTML代码:div class="h_mainbox"> h2>推荐文章h2> ul class="mainlist"> li>a href=转载 2011-11-15 09:07:23 · 1847 阅读 · 0 评论 -
css中的内联对象
所有的html元素,都要么是block(块元素)、要么是inline(内联元素)。下面了解一下block、inline各自的特点: block元素的特点: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度。 inline元素的特点: 和其他元素都在一行上; 高,行高及顶和底边转载 2012-10-15 09:48:17 · 529 阅读 · 0 评论 -
css之自动换行
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html<div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-s转载 2012-10-15 10:11:51 · 479 阅读 · 0 评论 -
IE兼容问题解决根源:深刻理解hasLayout属性,原理与使用方法
解决IE兼容问题是比较头疼的问题,无论你是新入门的菜鸟还是久经考验的职业行家,兼容问题,特别是IE,IE6会让你非常头疼。很多时候,div CSS在IE下的解析十分奇怪,一个比较经典的bug就是设置border的时候,有时候border会断开,刷新页面或者滚动滚动条的时候,断掉的部分又会连接起来。这些问题的根源很多时候来源于IE的一个特有属性:hasLayout。hasLayout是一个非常有意思转载 2012-06-10 10:39:53 · 604 阅读 · 0 评论 -
IE6支持max-height、min-height CSS样式
让IE6支持max-height、让IE6支持min-height样式属性方法教程我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定一定高度范围值,有时也需要设置一个最小高度值,以达到对齐等样式。接下来由DIVCSS5为大家总结的如何解决IE6不支持max-height和不支持max-height的方法;IE6 max-height、min-height不支持解决方法。目录转载 2012-02-27 13:53:11 · 534 阅读 · 0 评论 -
最全的CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距转载 2012-02-27 15:49:10 · 378 阅读 · 0 评论 -
css中hideFocus的用法
css中hideFocus的用法简单说:hideFocus是对超链接外虚线框的设定!hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus="this.blur()" 它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFocus。 你给的代码如果没有hideFocus,那么鼠标点击该超链接,则外面出现一个虚线框,即转载 2012-02-23 11:31:26 · 20994 阅读 · 0 评论 -
Cache-control使用:header('Cache-control:private')
网页的缓存是由 HTTP消息头中的“Cache-control”来控制的,常见的取值有private、no-cache、max-age、must- revalidate等,默认为private。其作用根据不同的重新浏览方式分为以下几种情况:(1) 打开新窗口 值为private、no-cache、must-revalidate,那么打开新窗口访问时都会重新访问服务器。而如果指定了转载 2011-12-12 22:25:21 · 523 阅读 · 0 评论 -
On having layout
译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。http://www.satzansatz.de/cssd/onhavinglayout.htm文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模模糊糊地意译,发现错转载 2011-11-15 11:40:00 · 606 阅读 · 0 评论 -
zoom:1; 用法
标题/*reset begin*/body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}li{list-s转载 2011-11-15 09:43:03 · 5958 阅读 · 1 评论 -
inline-block 前世今生
曾几何时,display:inline-block 已经深入「大街小巷」,随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了,上面的代码只是为了兼容 IE6、7 而已。那么你真的了解 inline-block 了吗?本文将带你深入剖析该属性值的前世今生,让你更好的理解和运用 inline-转载 2012-12-24 16:40:43 · 824 阅读 · 0 评论