CSS/HTML

关注公众号 jb51net

关闭

首页 >> 网络编程 >> 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 HACK

IE 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像素。
上一页共3页:2/3下一页