首页 >> 网络编程 >> CSS/HTML >> 经验交流
低版本IE正常运行HTML5+CSS3网站的3种解决方案
现在我们可以选择浏览器非常多,所以浏览器的环境也是种类繁多,同一个浏览器也是包含各种不同的版本,不同的版本之间的渲染方法也存在差异,它们支持的 HTML5、CSS3 特性恐怕也不尽相同。这种情况于是造成Web开发者在开发网站时,要面对数量庞大的浏览器种类css代码优化的12个技巧
编写好的CSS代码,有助提升页面的渲染速度。本质上,引擎需要解析的CSS规则越少,性能越好。MDN上将CSS选择符归类成四个主要类别,如下所示,性能依次降低三个不常见的 HTML5 实用新特性简介
都已经到了 2014 年了,再来说 HTML5 的新特性,实在是够晚了,不过这几个在介绍 HTML5 的书上很少见到,但又可以方便的应用在自己的网站上,所以特地来介绍一下浅谈href=#与href=javascript:void(0)的区别
浅谈href=#与href=javascript:void(0)的区别,需要的朋友可以参考一下Zen Coding css,html缩写替换大观 快速写出html,css
本文是在zen使用生产中遇到的问题做一些分享。Zen Coding 快速编写HTML/CSS代码的实现
在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。了解CSS的查找匹配原理,让CSS更简洁、高效
用了这么多年的CSS,现在才明白CSS的真正匹配原理,不知道你是否也跟我一样?firefox下rowspan+border+border-collapse的bug
好久没有发相关浏览器的坑了。今天同事cy发现,在firefox里rowspan不生效...CSS的inherit与auto使用分析
一个很显浅的寓言,千年老树,电打雷劈,屹立不倒,却毁于蝼蚁的侵袭之下。自以为精通CSS的人,常常被一些小问题搞到头晕脑胀。div+CSS 兼容小摘
div+CSS兼容小摘,比较实用的小技巧。不通过JavaScript实现的自动滚动视差效果
这篇文章介绍了一种通过CSS3实现的视差(Parallax)效果,这个效果通过在一个元素上叠加多个背景图片,并使用-webkit- transition-属性来实现。可以给img元素设置背景图
惊叹于老外的发现 《CSS Background image on html image element?》,自己从没关注过,也没想过如此的问题。CSS小例子(只显示下划线的文本框,像文字一样的按钮)
只显示下划线的文本框,像文字一样的按钮CSS Hack 汇总快查
屏蔽IE浏览器(也就是IE下不显示)css 分页效果
一般div+css分页效果的实现代码ie6 注释引起的问题
大部分是由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中 文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。div+css模拟表格效果代码
非常不错的模拟表格效果代码,需要注意的是 这类代码一般都是通过宽度控制,大家注意计算好css 表单效果
纯div+css实现,大家可以参考下,也许有一些问题,大家可以修正下IE6不能正常解析CSS文件问题的解决方法及原因分析
IE6因为编码问题无法正确解析CSS文件多浏览器支持CSS 容器内容超出(溢出)支持自动换行
完美支持IE,Firefox,Opera等浏览器。css li 超出隐藏代码
我们常常希望列表中的内容,超过设置的长度的时候,不要撑开父元素,也不希望它直接换行;我们更愿意让其超过部分用省略号来代替。而在title标签中,置放的是完整的标题。firefox的超链接点击去除扩大的难看虚线的解决方法
在Firefox里,鼠标点击一个链接时,它的周围即出现虚线画出的边框。这种例子遍地都是,在WordPress后台写这个文章的时候,随手点一下右边那些widget,就看到了这个问题(图片的右上角)支持IE6 IE7 Firefox 的纯CSS的下拉菜单
纯CSS的下拉菜单 支持IE6 IE7 Firefox 不用js兼容性好IE下href 的 BUG问题
在浏览器 IE6 、IE7、Firefox2+、Firefpx3+、Opera9.6+、Safari3.1+中测试以下代码重置默认样式 css reset
最近看到一个词叫css reset。什么叫做css reset呢?我理解为重置css,也就是重置默认样式。css美化input file按钮的代码方法
我们在做表单的情况下,input、textarea、button的样式比较容易定义,select和input file的样式难以定义。CSS之少用继承,多用组合
继承是 css中经常要用到的技术,好处是可以尽量让页面的代码减少重复利用,但是随时项目越来越大,需求的不断变化,css代码就会变得越来越臃肿,后期难以控制和维护。其实,css代码和普通程序代码在编写的时候有很多的相似之处,下面我们就用试试用组合的方式是不是能更好的解决这个问题。标准布局常见问题及解决办法
需要标准布局的朋友,经常会遇到一些问题,下面是一些布局问题跨浏览器的实践:position:fixed 层的固定定位
一般要固定某个div,我们都会让该div{position:fixed},它的下一个div{position:absolute}看了几个国外的关于CSS的固定定位跨浏览解决方案.他们却反其道而为之CSS渐变统计柱形图
以前写柱形图时,用的是宽1px的图片底,给width赋一个百分比出可以实现.昨天晚上写一个小统计时想用CSS写一个渐变的!css position: absolute、relative详解
今天在看CSS的时候遇到了position: absolute、relative的问题,一直比较迷糊,今天终于搞清楚了。DIV CSS网页布局 最小高度(min-height)的妙用
最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera 和 Mozilla 支持,IE7开始也支持了,但IE7处于测试阶段,等正式版发布到普及需一段也许比较长的时间,除非MS把它捆绑在某个操作系统上,如何在现有基础上(IE6 80-90%),合理、妙用最小高度了?在DW中CSS编码需要注意和掌握的一些技巧
很多CSSer是从以前的网页制作中开始学习CSS网页布局的,或许还存在着一定的DW习惯。希望此文能帮助大家理解和纠正一些不好的习惯。纯CSS实现上下左右都居中的代码
一个上下左右都居中的非table的纯CSS实现代码css 兼容性问题this.style.cursor=''hand''
css 兼容性问题this.style.cursor='hand'让我们来CSS HACKIE hack条件写法
非常不错的对于ie hack的一些写法讲解firefox margin-top失效的原因与解决办法
最近发现好多用margin-top实现的,上边距效果一直没有,一直都不知道什么原因,今天偶然看到了,特分享给大家div结合css布局bbs首页(div+css布局入门)
最近趁离职,我在做一个论坛系统,练练手,需要一个论坛首页的html页面,深知自己美工极差,心里很苦啊。于是买了本div+css网站布局的书,没想到讲得还不错,感觉长进很快,于是磨拳擦掌非要自己写一个不可,高手末笑。代码伺候。用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法解决IE6 3像素Bug的css写法
当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现,它会偏移3像素。