网页制作

大家对css中clearfix并不陌生吧，它的作用就是清除浮动，下面对clearfix的定义及实现原理简要的为大家做个介绍，另外还有个不错的示例，喜欢的朋友不要错过

类似热点链接的一段小代码：利用定位实现，看过定位这个概念的，都能理解。实现的效果就是当鼠标悬停到MM字样时，图片中就会出现一个白色的框，喜欢的朋友可以了解下

css3的强大，让人惊叹，今天我们就来“前瞻”一下CSS3的一个伪类选择器“:nth-child()”实现奇偶行显示不同样式，具体的详细示例可以参考下文，希望对大家有所帮助

CSS中的position:relative是控制元素相对定位的，relative 不脱离文档流而absolute 脱离文档流，relative 的元素尽管表面上看到它偏离了原来的位置，但它实际上在文档流中还是没变

tabs标签，想必大家都有见到过吧，本文的目的是教会大家如何使用div+css实现所谓的tabs标签，感兴趣的朋友不要错过

IE浏览器下使用div模拟滚动条当div宽度小于18时滚动条不滚动，具体的实现代码如下，需要的朋友可以参考下

div的透明样式在css中可以通过滤镜来实现，在滤镜中使用alpha来设置透明度，下面有个不错的示例及相关属性的介绍，感兴趣的朋友不要错过

如果字体未做任何CSS设定或者元素的设定，默认的字体是12pt或者16px，或者1em，或者font size=3下面有个不错的em、px、pt长度单位转换示例，不懂的朋友可以参考下

在写CSS的时候我们就会发现max-height、min-height、等属性在IE6下是没有效果的，这个时候我们就可以针对IE做出专门的设置，具体实现如下，感兴趣的朋友可以参考下

target获得焦点时会产生虚线，这个问题只在IE下存在，下面为大家介绍下针对ie 虚线问题的解决方法，感兴趣的朋友可以参考下

document.getElementsByClassName在ie8及其以下浏览器的兼容性问题，在ie8及其以下浏览器中不能使用，针对这个问题，下面给出详细的解决方法，感兴趣的朋友可以参考下

当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，下面有个不错的方法可以屏蔽浏览器自动的input样式，需要的朋友可以参考下

这个CSS不是超出DIV宽度用省略号代替，而是设定字符数超出个数用省略号代替

在需要调整设备浏览器的viewport时，我们通常在HTML中使用来解决。但是令人意想不到的是，viewport meta标签并不具有“规范性”，即它不是W3C的正式标准，也非Web标准

IE下使用form时，默认的行高会大于其内容的行高，在布局时这种效果是我们不希望看到的，我们可以通过在form中加上style将form的内边距和外边据去掉，下面有个不错的示例，感兴趣的朋友可以参考下

与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素，如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，可以使用子元素选择器

在CSS中可以使用多种属性来水平对齐元素，不过同时也要考虑一下览器兼容性问题，感兴趣的朋友可以参考下

document.querySelector(elements).style 只针对与标签上的属性，如果在外部css 文件中的属性如何获取，下面介绍两个方法针对不同浏览器，感兴趣的朋友可以参考下

掌握一些CSS技巧，在布局过程中就会提高工作效率，本文以个人经验整理了一些关于居中的技巧，大家可以参考下

矢量图字体图标 通过插入指定的标签 生成不同的矢量图，其有很多的好处，首先这些矢量图好控制大了小了都不会出现马赛克、肯定比图节省性能而且颜色都可以自定义等等，感兴趣的朋友可以了解下