子元素使用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版本才行，请自行点击前面的链接进行下载试用。...
10+漂亮的CSS3表单制作教程
- 所属栏目：Html+css
- Tag:
自HTML5和CSS3问世以来，程序员们不断的前仆后继，大胆的使用HTML5和CSS3开发网站及应用程序，在获得了非常炫丽效果的同时，也大 大的体会了HTML5和CSS3的魅力。HTML5和CSS3配合使用可以减少很多的页面元素，避免加重服务器的负担，比如：简单的代码，省略图...
CSS3-border-radius圆角效果详解
- 所属栏目：Html+css
- Tag:
也许之前当你要弄个有圆角样式的区块或是按钮时都要用图片来达成，可是当浏览器支援 border-radius 属性后，只要透过 CSS 的设定就能完成一样的效果囉。...
ie10 css hack兼容方式整理
- 所属栏目：Html+css
- Tag:
ie10已经上线一段时间了，相信已经有一部分前端潮人体验过了，但是针对ie10的css hack大家了解吗？...
css使背景透明内容不透明的方法
- 所属栏目：Html+css
- Tag:
以前是这样实现背景透明内容不透明的：将背景与内容分别放在两个DIV中，然后使背景DIV透明，最终达到背景透明内容不透明的效果（挺麻烦的），背景透明使用的样式是{opacity:0.5;filter:alpha(opacity=50);}。最近才发现，原来还有更好的方法。...
使用ul,li制作表格
- 所属栏目：Html+css
- Tag:
使用table制作表格确实方便，但使用ul,li制作表格也并非一件难事。下面分享一下我平常使用ul,li制作表格的方法。...
设置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标签里面都会出现上面那种情况。...