投稿赚佣金 
升级SVIP
网页制作需要了解的IE8、IE7、IE6、Firefox3、Firefox2的CSS hac
复制代码代码如下: .test{ color:/*\**/#00f\9; /* IE8 */ } .test, .test:-moz-any-link{ color:#f60; /* Firefox2 */ } .test, .test:d
CSS教程 伪清除浮动
一个多月前总结了《清理浮动的全家》,当时看了之后没什么新鲜的东西也就忽略了，今天偶然又翻到那篇文章，想到了另外一个的方法(N久前在书店翻到的)，在网上没看到有人提起过，写出来大家一起讨论下。HTML：无序列表
CSS 清除浮动方法大全
早段时间特别的忙，忙到站点一直没有更新；但是这段时间也是偷偷的做了一些的工作，比如对站点的JS进行了压缩，构思labs分站以及聚合分站。而此段时间最烦的是森林群里面的一群人每天上班都在吵，然后我就每次都装嫩的在里面问：“各位高手
CSS 关于浮动
什么是浮动？浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。这是一个例子：在排版软件里面，存放文字的盒子可以被设置为允许图
css制作的圆，三角形，椭圆，箭头图标
圆：.yuan{ width:100px; height:100px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; backgrou
CSS input checkbox自定义样式
代码如下，如有不懂的请加QQ群：126246777
两个子DIV float并排后，如何使这两个DIV的高度相同
两个个子DIV的内容高度不同，当对他们设置float:left的时候，就会出现版面效果的问题(DIV高度不一致)。那么，如何让这两子DIV的高度一致呢（即：如何让内容DIV的高度能自动适合容器DIV的高度）。我们可以利用css的margin
CSS子div设置float后父级div无法自适应高度的问题解决方法
1. 额外标签法这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需 要额外的（而且通常是无语义的）标签。我个人比较喜欢这种方法，因为它简单、实用、浏览器
css 巧用border属性制作各种图形(矩形，梯形，三角形)
border梯形为了观察边框究竟是哪一种拼接方式，为边框设置不同的颜色背景，代码如下：#content{width: 100px;height: 100px;background: #FFC;border-top: 80px solid #
CSS before和after伪类元素应用实例及分析
在分析before和after伪元素之前，我们先看一个实例， 这个实例使用了css伪类元素affter制作了一个自定义的input check样式。实例如下：
html5和css3的常用参考网
浏览器渲染符合HTML5标准：http://necolas.github.io/normalize.css/Google字体：ttps://www.google.com/fonts栅格：http://www.responsivegridsy
CSS中字体尺寸px pt em rem等的区别
常用单位下面是对这些单位的一个简单整理:单位类型描述pxAbsolute1个Viewport像素ptAbsolute1pt = 1/72英寸pcAbsolute1pc = 12pt%Relative相对于父元素的字体尺寸emRelative
CSS截取字符串, 多余的字符用省略号显示
通常我们截取字符串是用动态语言的函数来处理，本例采用css方法来处理因字符串过长导致的样式不合理的问题。 本人认为这种方法比用函数来截取字符串长度更好。css代码如下：a.name{ line-height: 30px; text-al
css position:absolute 水平垂直居中对齐
此实例将div元素相对屏幕居中，css代码如下：.class{ position: absolute; left: 50%; width: 980px; margin-left: -490px; text-algin:center}
去掉iphone Safari浏览器下input submit 和按钮的圆角
在Iphone的Safari浏览器下查看网页时， 会看到input框有圆角，但其他浏览器上没有圆角，如果希望页面在所有浏览器上看的效果一致，可以在input样式下加上这段css代码。.classinput{ -webkit-appeara
css3 border-radius圆角盒子
代码如下：.radius{ -moz-border-radius: 15px; /* 火狐浏览器 */ -webkit-border-radius: 15px; /* 谷歌浏览器 */ border-radius:
css实现文字在图片下方
本文讲述css中如何实现文字在图片下面的方法。效果就如同本站的右侧的图文栏目，您其实可以直接通过我的网页源码查看css。文字在图片下方完整的html和css代码如下：
css溢出隐藏
本文为大家讲述如何实现css中极为常用的溢出隐藏。这种溢出隐藏的css代码适用于很多html标签，比如div,li,span标签等等，都是一样的可以实现溢出隐藏的。实现后的效果如下图所示：css溢出隐藏代码：li {overflow: hi
css样式属性层叠覆盖加载执行顺序规则
本文给大家介绍css样式层叠覆盖加载执行顺序。规则就三条，如下：1. 样式表的元素选择器选择越精确，则其中的样式优先级越高：id选择器指定的样式 > 类(class)选择器指定的样式 > 元素类型选择器指定的样式，如：#last > .la
css 实现长英文或链接自动换行
解决办法:使用CSS属性 word-wrap:break-word;即可解决。使用break-word时，是将强制换行。break-word兼容各版本IE浏览器，兼容谷歌浏览器。实例:
