div自适应高度的几种方法

相信大家都知道最简单的div自适应高度的方法:给div设较大的负外边距,再设较大的等值内边距。即下面的第一种方法:

①margin-bottom:-9999px;padding-bottom:9999px; 然后给最外面的div来个overflow:hideen;就可以了。

那么第二种方法,是js的方法:

②<script language="javascript">
document.getElementById( "H2").style.height=document.getElementById("H1").scrollHeight+"px&q  阅读全文...

SEO优化div+css命名规则

用合适的Div层命名和Css命名,可能会让搜索引擎的Spider更快更准确地觉察到页面内容的相关性,以增强网站的搜索优化呢。对于百度由为重要。因为百度收录二级页面的时候是不收录meate标签的。而是收录网页内容。
但是内容他也会过滤一些标签,比如 nav,subnav,logo等等..
网站的头部文件大多数都是共用的一个header,所以在百度收录的时候会出现所有的页面说明信息都是一样的。只有title不一样。这样对百度的收录会有很大的影响。有很多人抱怨百度删除他网站的收录量,其实这就是其中的原  阅读全文...

读《精通CSS-高级Web标准解决方案》

从同事手中获得《精通css》 久仰《精通…》大名
周末阅之 有少许失望 原因暂时有二
①作者将块概念说成“框”概念 无论是新手还是老鸟 多少都有些难以接受和不解···
②为强调“使用更少的标签来完成html”这一理念,作者将不适宜进行布局的ul元素进行了布局,个人认为有语义的元素标签不应该参与到布局中,更多的应该交给div和span,为了一个布局进行三层div的布局是可以接受的(如果超过三层请斟酌考虑使用其他办法解决布局!)

尽管有些  阅读全文...

怎样用ps做公章?

新建一个文件,用椭圆选框工具画一正圆(按住SHIFT键画)

然后编辑\描边,像素多大自己定,然后点右键\建立工作路径,空差为1;

然后点编辑\变换路径\再次,然后换到横排文字工具,在刚才建的路径上点一下,打出来的字就是随着路径弯的的了

最后现根据需要添加一些五星什么的就行了

阅读全文...

文字垂直居中一法

CSS部分:
<style type="text/css">
div{
position:relative;
}
span{
position:absolute;
top:50%;
left:0;
margin-top:-25px;
width:20px;
height:50px;
font-size:12px;
}

</style>

HTML部分:
<div style="width:20px; height:120px; background:#ccc; text-align:center;"><span>网络游戏</span></div>

阅读全文...

好的产品设计并非始于图片,而是对人的理解

今天想围绕“产品交互设计”说说一些我们的想法,一说到产品设计,我想在坐的各位脑海里肯定联想到了很多表单设计、导航设计、界面布局等等,但是今天我这个篇文章里面没有准备一张截图;这是因为我认为除了这些之外还有更重要的东西值得我们去关注:

那就是我们今天要讲的主题:“好的产品设计并非始于图片,而是对人的理解”。用户喜欢什么、用户来你网站的目的  阅读全文...

怎样使页面中某一区域固定,不随滚动条滚动而滚动?

CSS部分:
<style type="text/css">
body{
margin:0;
padding:0;
}
html{_overflow:hidden;}
body{_overflow:auto;height:100%;}
.main{
margin:0 auto;
background:#ccc;
width:960px;
}

.left{
position:fixed;
_position:absolute;
left:0;
top:0;
background:#03c;
width:300px;
height:400px;
}
.right{
float  阅读全文...

JS实现下拉菜单

CSS部分:

ul{
margin:0;
padding:0;
list-style:none;
}
li{
   float:left;
   width:160px;
   margin-left:1px;
   }
ul li a{
   display:block;
   font-size:12px;
   border:1px solid #CCC;
   padding:3px;
   text-decoration:none;
   color:#777;
阅读全文...

用UL、li写表格

关键问题是设置UL的 padding:2px;

LI的margin:-1px 0 0 -1px;

可以试试

阅读全文...

三列布局:左右固定,中间自适应宽度

偷下懒,css就不单独写出来了···

<div style="position:absolute; left:0; top:0;width:200px; height:400px; background:#ccc;">asd</div>
<div style="background:#f60; margin:0 300px 0 200px; height:200px;"></div>
<div style="position:absolute; right:0; top:0;width:300px; height:400px; background:#000;"></div>

阅读全文...