• 彻底解决浮动引起的div不能撑开的问题,css技巧

    前端开发人员在学习别人的代码的时候肯定能经常看div style=clear:both;/div这样的代码,但是你真的能明白它是做什么用的吗?比如: div style=border:2px solid red; div style=float:left;width:80px;height:80px;border:1px solid blue;TEST DIV/div div s

    12-05-22
  • 自适应网页设计

    随着 3G 的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在 600 像素以下;PC 的屏幕宽度,一般都

    12-05-06
  • 译文:如何编写可维护的面向对象JavaScript代码

    英文原文: How to Write Maintainable OO JavaScript Code 能够写出可维护的面向对象 JavaScript 代码不仅可以节约金钱,还能让你很受欢迎。不信?有可能你自己或者其他什么人有一天会回来重用你的代码。如果能尽量让这个经历不那么痛苦,就可以节省不少时

    12-04-28
  • 不同type的input使用不同css的技巧

    input竟然可以创造出10个不同的东西: input type=text / 文本框 input type=password / 密码框 input type=submit / 提交按钮 input type=reset / 重置按钮 input type=radio / 单选框 input type=checkbox / 复选框 input type=button / 普通按钮 input ty

    12-04-27
  • 复选框(checkbox)和单选框(radio)与文字居中对齐

    最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的 提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle,也依 然不

    12-04-27
  • 探究CSS display:inline|block|inline-block差异

    这里向大家描述一下CSS display:inline|block|inline-block三属性的区别和联系,block就是将元素显示为块级元素,inline就是将元素显示为行内元素,CSS display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在

    12-04-25
  • css中overflow:hidden详细解释

    overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。但是对于

    12-04-22
  • 超链接的hideFocus属性的用法和作用

    当点击一个a标签之后,会发现在其边缘会出现虚线框,放开鼠标左键虚线框消失,这在白色背景下面还能忍受,但是在有时我们的背景颜色会和这个虚线框很不协调。hideFocus可以帮助我们解决这个问题。其实多数时候我们都是不需要这个虚线框的。 简单说:hideFocus

    12-04-14
  • 最全的CSS浏览器兼容问题

    CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.

    12-04-12
  • css中div不能被撑开高度不能自适应的问题

    有时我们发现有些div总是不能根据内容自适应,父级元素高度只有一点点,但子元素很高,看起来就像裤子短了很长一截,检查半天也没有结果。面对着这种丑陋的情况,我们真的不知道该如何处理。 冷静下来,为什么会出现这种情况,难道是因为使用了浮动的原因吗

    12-03-30
  • 960 Grid System 基本原理和基本使用方法

    当然,还有很多人持相反意见,认为CSS并没有这么高级以至于要涉及到框架!在这里要讲解一下目前在国外很热门的一个框架,严格讲是网格系统,那就是 960 Grid System 。通过这篇教程你会知道使用960框架之后,你的开发工作会更快的开展。960 Grid System 基本

    12-03-16
  • 导航设计与信息架构

    大部分时候我们讲导航,讲的是导航对内容和结构的一种表现。就是说我们在讨论导航的时候,更多的去关注怎么与之交互,以及视觉上是怎么好看。但是导航,不仅仅局限于交互方式和视觉形式。

    12-03-07
  • CSS 中的黄金分割率

    这是一位叫 Christos Chiotis 的希腊 Web 设计师发表在 CssGlobe 的一篇文章,讲述了黄金分割率在 CSS 中的应用。黄金分割率是一个应用广泛的数学常数,大约为 1.6180339887。黄金分割率用在 Web 设计中,可以为设计带来更多视觉上的和谐。

    12-03-04
  • 5种方法立刻写出更好的CSS代码

    当然,每个人都可以编写CSS代码,甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗?开始用这5个Tips改进你的CSS吧! 1.重置 首先,很认真的告诉你, 总是要重置某些分类 。无论你是使用 Eric Meyer Reset 、 YUI Reset 或者你自己编写的重置代码,

    12-03-04
  • 书写高效CSS注意的七个方面

    随着CSS网页布局的应用越来越广泛,更多的CSSer开始书写CSS,如何才能写出高效规范的CSS代码呢,今天52CSS.com向大家介绍,必须要注意的七个方面

    12-03-04
61文