现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率，当屏幕的分辨率一定时，如果你感到字太小，阅读有困难，在非标准浏览器中就无能为力了，所以说，如果把单位改成em，那么就可以用CTRL+鼠标滚动把字
今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页"的文章dl{position:absolute;width:389px;height:154px;border:10pxsolid#eee;}dd{margin:0;width:389px;height:154px;overflow:hidden;}img{border:1pxsolidblack}dt{position:absolute;r
常用的DIV+CSS的基本框架结构但不推荐都放一个div里css样式代码：程序代码复制代码代码如下:/*---全局样式---*/*{margin:0px;padding:0px;}body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;background:#fff;}/*---主体样式---*/#contain
一、最基本的：二级dropdown弹出菜单二级dropdown弹出菜单--ACROSSBROWSERDropDOWNCASCADINGVALIDATINGMENU/*commonstyling*//*setuptheoverallwidthofthemenudiv,thefontandthemargins*/.menu{font-family:arial,sans-serif;width:750px;margin:0;margin
css打造鼠标触发效果[Ctrl+A全选注:如需引入外部Js需刷新才能执行]
我常用的都是clear:both;方法，如今在PlanABC看到另外这种方法，特些记录下来。div.container{border:1pxsolid#000000;}div.left{width:45%;float:left;}div.right{width:45%;float:right;}层套关系：container的div包含left和right最简单合理的清除浮动的方
在蓝色上看到这篇文章的，感觉作者总结的不错，至少有些偶自己也没有真正的认识过。这些东西的确是应该好好总结一下的，可惜偶这人比较懒，收藏整理于此，便于自己学习！1.firefox不能对innerText支持。firefox支持innerHTML但却不支持innerText，它支持textC
1.Block和inline元素对比所有的HTML元素都属于block和inline之一。block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度,,,,和是块元素的例子。相反地，inline元素的特点是：和其他元素都在
今天制作div的高度控制的时候发现IE下控制div的高度很小的时候无效，特意查了一下相关文章。最终有了解决方案，参考下面文章：如果要制作一条高度小于12PX（大约）的线条，在IE中会显示出高于实际高度的，看下面。复制代码代码如下:.line{background:#CCCCCC;
最近在做网站的时候碰到了一个问题：我用ul标签和li标签构建的导航栏想要在不确定li数量和li,ul宽度的情况下居中，但是给ul使用了text-align:center之后却没有起到应有的效果。原来的页面结构是：复制代码代码如下:FiredeStyle5样式表结构是：复制代码代码如
一、关于注释在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/*注释内容*/”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言中常用的“/***************/”之类的注释是
1针对firefoxie6ie7的css样式现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。现在
符合XHTML标准DIV+CSS布局的网站，下面说说在SEO方面的影响。代码精简使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好
抗锯齿圆角.antialias-roundedcorners{width:650px;height:76px;padding:5px;background-color:#3847B4;}.spiffy{display:block}.spiffy*{display:block;height:1px;overflow:hidden;font-size:.01em;background:#F1FFDD}.spiffy1{margin-left:3px;margin-rig
图片打标body{padding:0px;margin:20px;}.pic{background:#000;padding:5px;border:1pxsolid#4F4F4F;float:left;}.picspan{width:99px;height:99px;background:url(images/blogo.gif);position:absolute;margin:1px;}
采用CSS+DIV对网站重构日趋被大家重视起来了，尤其是大型站点，像阿里巴巴、163等大型门户站点就已经完成了重构工作。本人在去年就已经有了使用CSS+DIV来编写网页源码的习惯了，个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。1：表现和内容相分离
在编写css样式表的时候常常会碰到一写浏览器兼容的问题，象是不同内核的浏览器显示就不一定相同，不同版本的的浏览器也会产生上下兼容的问题，如何解决这些问题成了我们苦恼的问题，如果你对csshack技术很了解的话，那这就是太简单不过了，不过对于那些不怎么
Css中行间距定义是：line-height:18px;上面代码是将行间距设为18px。长期以来，我在定义字体样式的时候，通常是这样：#myFont{font:12pxtahoma;line-height:18px;}今天才发现，原来可以写成一行，修改如下：#myFont{font:12px/18pxtahoma;}
scrollHeight:获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由
关于超链接中的下划线这个及细节的问题，想必大家都有过讨论和思考，大家都知道，把握一个原则即可：“让使用者清楚的区分超链接文本和其他文本形式，并潜意识知道可以点击。”；但对于是否可以潜意识知道可以点击，还是有争议的，不同的人，不同的环境会有不
