Dec
22

IE6下的LI高度bug

 14:00    553    9    学习手记

CSS
  .main_o .nav img{margin:0; padding:0; border:none;}
  .main_o .nav a{padding:0; margin:0;}
    .main_o .nav ul{width:180px; margin:0 auto; height:290px; overflow:hidden;}
    .main_o .nav li{margin:0; padding:0; height:35px; }



HTML
            <div class="nav">
              <ul>
                  <li><a href="#"><img src="images/n_nav1.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav2.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav3.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav4.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav5.jpg" width="179" height="35" /></a></li>
                    <li><a href="#"><img src="images/n_nav6.jpg" width="179" height="35" /></a></li>
                </ul>
            </div>


在IE6下定义li的heigth属性是无效的,

解决方法:

需要在该LI样式下加入:
overflow:hidden;
line-height:0px;
font-size:0px;

附带:
DIV高度在ie6的BUG,需要加入overflow:hidden;

IE6和IE7的盒模型对LI盒模型的高度的理解:将字体的高度和行高算在一起
May
19

网站编辑的SEO技术

 14:07    324    0    学习手记
其它的哥不说,你文章写得再NB你也只是一个写文章的,永远不是一个合格的网站编辑。一名合格的网站编辑,需要有如下的网站SEO技术:

1. 文章当中最好需要出现一个网站核心关键词
所谓的网站核心的关键词就是指与网站内容相关性比较高并且是比较受欢迎的关键词,当然还有相当高的转化率。

2. 文章标题当中需要出现关键词。
关键字在标题标签
<h1>
中出现,是网页中突出程 度最高的地方之一。关键字出现在文章标题中比出现在其他地方得到更高的权重,因为访客认为文章标题比其他文字更重要,搜索引擎也这么认为。

3. 在文章前100个字中最好出现关键词。
大多数网页内容会在最初的文章段落中概述其中心思想,搜 索引擎中判定相关性给予这些词更多的权重(这点可以从搜索引擎收录显示中体现)。因此关键字出现在网页的顶端比出现在后面有更好的效果。
Tags:
Feb
17

解决CSS中clear:both 在IE6中有高度

 00:42    796    1    学习手记
  写CSS,会用到清除浮动,代码如下:.clear{clear:both;},但这代码在IE6里面会显示有高度。

  解决方法:.clear{clear:both; height:0; overflow:hidden;}
晚上做个divcss页面,发现在IE6下,设置了li的float:left,LI就不能自适应宽度了,真TMD的无比的寂寞。。。。

CSS代码如下:


.menu .nav li{float:left;}
.menu .nav li a{color:#FFF;}
.menu .nav li a:hover{color:#070707;}


HTML代码如下:


<div class="nav">
      <ul>
          <li><a href="#">Home</a></li>
            <li><a href="#">Network</a></li>
            <li><a href="#">Design</a></li>
            <li><a href="#">Application</a></li>
            <li><a href="#">Database</a></li>
            <li><a href="#">Program</a></li>
            <li><a href="#">Books</a></li>
            <li><a href="#">Photography</a></li>
        </ul>
    </div>


解决办法是要在a里面也加下float:left,别问哥为啥,哥也不知道,哥是用IETester的调试软件试出来的~~~~~~

如下代码所示:

.menu .nav li{float:left;}
.menu .nav li a{color:#FFF;}
.menu .nav li a:hover{color:#070707;float:left;}

推荐一本书《网络安全与黑客攻防宝典(第2版)》


点击在新窗口中浏览此图片

  全书共分21章,内容涵盖了网络基础知识、黑客初步、操作系统漏洞与应用软件漏洞的攻防、BBS与Blog的漏洞分析、信息收集、扫描目标、渗透测试、网络设备的攻击与防范、木马分析、病毒分析、网络脚本攻防、SQL注入攻防、防火墙技术、入侵检测技术、计算机取证、无线网络安全等内容。本书最大的特色在于知识全面、实例丰富,每一节的例子都是经过精挑细选,具有很强的针对性,读者可以通过亲手实践而掌握安全防护的基本要领和技巧。



分页: 1/3 第一页 1 2 3 下页 最后页 [ 显示模式: 摘要 | 列表 ]