子元素使用float后使父元素有高度的方法
- 所属栏目：Html+css
- Tag:
一般我们会这样写HTML代码： div div style="float:left;"test/div/div 这样往往使得父级DIV没有高度，一般我们可以通过以下几种方法使得父级DIV也有高度： 1、给父级DIV也加上float； 2、给父级DIV加上height； 3、在子级DIV后面加上divstyle=clear:both;/d...
空a标签在IE中点击无效
- 所属栏目：Html+css
- Tag:
前几天在做一个网站的引导页面，因为都是用图片，所以按钮需要用空a标签来做，发现a标签在IE6与IE7中点击无效中点击不了，其他浏览器都正常。一开始以为是z-index的问题，但不论z-index设置多大依然还是无效。最后得出了结论：如果给空a标签定义了宽度和高度...
CSS外边距(margin)叠加详解
- 所属栏目：Html+css
- Tag:
外边距叠加是指两个垂直相邻的块级元素，当上下两个边距相遇时，起外边距会产生叠加现象，且叠加后的外边距，等于其中较大者。图示：另一个叠加现象是当一个元素包含在另一个元素之中时，子元素与父元素...
IE6中inline-block与text-indent同时使用时出现的BUG
- 所属栏目：Html+css
- Tag:
IE6中inline-block与text-indent同时使用时出现的BUG，可以使用以下方法解决：1、将inline-block换成block；2、在a标签前面加一个；3、不使用text-indent，换成line-height:200px;overflow:hidden;；4、不使用text-indent，使用absolute；5、使用float。...
IE6中right定位问题
- 所属栏目：Html+css
- Tag:
IE6中如果使用absolute标签的父级DIV（此DIV使用了relative）不定义宽度，则该标签的right定位会出问题。...
CSS新手教程：学习CSS页面布局和加载流程
- 所属栏目：Html+css
- Tag:
如果你开发web相关应用或者网站的话，肯定知道CSS对于页面布局的重要性。在本篇CSS技巧中我们将介绍页面加载的流程来帮助你更好的实现页面布局。...
分析W3C官网超链接交互样式设计与实现方法
- 所属栏目：Html+css
- Tag:
W3C 的官方网站的超链接交互性不错，而且突破常规，下面我们来分析一下。下图是超链接交互性操作，当然推荐直接去 W3C 官方网站看效果。...
CSS3实现透明边框的方法分享
- 所属栏目：Html+css
- Tag:
我们在写项目的时候，经常性的会遇到弹出层的效果。UI的同学效果做的还挺漂亮的，类似模拟透明边框效果，标准浏览器使用了RGBA，而IE内核的浏览器使用私有的CSS滤镜;需要注意一下...
Web前端开发框架Twitter BootStrap推荐
- 所属栏目：Html+css
- Tag:
Bootstrap的内置样式继承了Mark Otto简洁亮丽的设计风格，任何开发团队都能使用它提供的HTML模板、CSS样式和jQuery组件来布署或者重建一个外观漂亮的页面应用。...
8款网页前端开发有用的优秀CSS工具分享
- 所属栏目：Html+css
- Tag:
今天就给大家分享8款非常出色的CSS工具，这些工具都是很出名的，能够解决前端开发中常见的棘手问题，希望对你开发有所帮助；选择好的CSS工具可以帮助网页编码人员编写出高质量的代码。...
高效CSS开发需要注意的要点以及提升性能的做法
- 所属栏目：Html+css
- Tag:
本文参考了业界规范及主流趋势，详尽整理了CSS开发中需要注意的要点以及关乎性能的一些问题，希望对您有所帮助，也可收藏作为参考。...
IEPNGFix插件：解决IE6下png透明问题的最佳方案
- 所属栏目：Html+css
- Tag:
介绍一个完美支持png透明和半透明的方法—-IE PNG Fix。这个方法不是每个版本都支持背景平铺和定位的，得是v2.0 Alpha 3版本才行，请自行点击前面的链接进行下载试用。...
完美解决IE6中fixed抖动问题的方法
- 所属栏目：Html+css
- Tag:
我们可以通过position:fixed来实现元素的固定效果，如网页中底部的"回到顶部菜单"，底部的toolbar，对联广告等等，可惜fixed属性在IE6及以下是不支持的。通常的作法，我们用JS或者IE表达式来达...
7款具有缩放、倾斜、旋转的CSS3折叠特效插件分享
- 所属栏目：Html+css
- Tag:
今天我们带来了更多关于折叠特效的资源，可以帮助你方便的实现这些折叠效果。注意，这里都可以使用CSS 3D来进行效果变换，如缩放、倾斜、旋转等等。...
制作CSS3圆角效果的代码片段及图片演示
- 所属栏目：Html+css
- Tag:
CSS3的一大优点就是能支持圆角，再也不用去做图片圆角了，不过如果用CSS3样式表来实现圆角效果，值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS3的解析，只有还不太主流的IE 9支持CSS3和H...
取消Webkit核心浏览器对输入框input元素高亮显示的方法
- 所属栏目：Html+css
- Tag:
Webkit核心的浏览器对输入框的高亮已经使页面呈现出的样式和设计样式不同了。如果你的网站已经对输入框获取焦点时定义了特殊的样式，不妨把 Webkit 这个多此一举的功能屏蔽掉。加上下面...
5款生成CSS3动画效果的CSS3类库和工具
- 所属栏目：Html+css
- Tag:
大家可能还记得我们以前介绍过的animate.css, Easings和liffect三个超棒的CSS3动画类库吧。今天我们这里总结了5款有效帮助你生成CSS3动画效果的类库和工具，希望大家喜欢！...
设置contenteditable属性可编辑HTML标签的内容
- 所属栏目：Html+css
- Tag:
有些Weber可能没有用过contenteditable这个属性，如果想编辑一个DIV里面的内容，这个属性是一个非常不错的选择，设置contenteditable属性可编辑HTML标签的内容...
CSS选择器及属性优先级
- 所属栏目：Html+css
- Tag:
熟悉CSS选择器的优先级可以适当的减少CSS的开发时间，同时也能减少CSS的代码量。下面来讲讲我个人对CSS选择器优先级的认识。 常用的CSS选择器有以下5种： 一、标签名选择器，如： div{} 二、类选择器，如： .test{} 三、ID选择器，如： #test{} 四、后代选择...
css清除浮动的方法
- 所属栏目：Html+css
- Tag:
使用CSS清除浮动的方法,无需使用空标签,并且兼容所有主流浏览器,使用方便。一般我们清除浮动的方法都是在最后一个浮动的DIV最后面加上clear:both;...
input(file)浏览按钮美化
- 所属栏目：Html+css
- Tag:
使用样式来美化input(file)的浏览按钮的方法：先用a标签做一个按钮，定好宽度并要加上overflow:hidden;属性，然后将input type="file"放在a标签里面，通过定位，将input相对于a的右上角对齐，最后将input的透明度设为0即可。...
使用纯HTML+CSS制作柱状图
- 所属栏目：Html+css
- Tag:
使用纯HTML+CSS制作的柱状图（直方图）兼容IE7+、谷歌、火狐浏览器，其主要特点是：整个坐标自适应，高度可自定义。...
IE6/7在滚动区域内的标签使用position不随滚动条滚动
- 所属栏目：Html+css
- Tag:
在滚动区域（DIV中）内，如果里面的标签使用了position（absolute/relative），则会飘出这个滚动区域，且不会随滚动条而滚动（静止不动）...
高度导致IE6中两个DIV有3px空隙的问题
- 所属栏目：Html+css
- Tag:
最近做的页面基本上都是自适应的，经常使用如下的写法：....左边的DIV使用float，右边的DIV则自适应。昨天给右边的DIV添加了一个高度，发现在IE6中出现了问题。...
input放在a标签里面不能选择input里面的文本
- 所属栏目：Html+css
- Tag:
今天在做项目的时候，突然发现在IE浏览器中input里面的文本无法选择，而且点击input（无论点击input的哪里）后光标在最前面，在谷歌和火狐中均正常。调试了许久才发现input标签（tpye为text）和textarea标签放在a标签里面都会出现上面那种情况。...