`
有志青年
  • 浏览: 4308 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类

小小de页面

HTML 
阅读更多 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="ie=Edge" />
<title>无标题文档</title>
<style>
*{margin:0; padding:0; border:0px; font-size:12px; color:#000;}
	.wrap{width:950px; margin:0 auto;}
		#nav{ margin:35px 0;}
			#nav ul{ float: right; list-style:none; display:inline;}
				#nav ul li{ float:left; line-height:19px;}
					#nav ul li a{ text-decoration:none; word-spacing:3px;}
					
		#content{float:left;}  
			#content .col{float:left; margin-left:10px; }
			#content .col.first{margin-left:0px;}
				#content .col .rc{width:230px; height:38px; border-bottom:15px solid #000; height:115px;}
				#content .col .rh{border-top:15px solid #000; height:38px; line-height:38px; font-size:25px; font-weight:bolder;}
	    #foot{margin-top:28px;margin-left:240px; }
			#foot ul{}
				#foot li{ float:left; width:134px; margin-left:26px; }
				#foot li em{ font-weight:bold; font-size:13px;}
				#foot li span{ display:block;}
.clear{ clear:both;}
</style>
</head>
<!--原稿地址：http://72rivingtonstreet.com/-->
<body>
<div class="wrap">
	<div id="nav">
    	<ul>
            <li><a href="#">ABOUT</a></li>
            <li><a href="#">NOW ,THEN & NEXT</a></li>
            <li><a href="#">SHOP</a></li>
            <li><a href="#">LIBRARY</a></li>
            <li><a href="#">LOCATION & OPENING TIMES</a></li>
            <li><a href="#">PRESS</a></li>
            <li><a href="#">MAIN YCN WEBSITE</a></li>
        </ul>
        <div class="clear"></div>
    </div>
   
   	<div id="content">
    	<div class="col first">
        	<div class="rc rh"></div>
            <div class="rc"><a href="#"><img src="logo.gif" width="230" height="115" /></a></div>
            <div class="rc"></div>
            <div class="rc"></div>
        </div>
        <div class="col">
        	<div class="rc rh">NOW</div>
            <div class="rc"><a href="#"><img src="m1.gif" width="230" height="115" /></a></div>
            <div class="rc"><a href="#"><img src="m1.gif" width="230" height="115" /></a></div>
            <div class="rc"><a href="#"><img src="m1.gif" width="230" height="115" /></a></div>
        </div>
        <div class="col">
        	<div class="rc rh">SHOP</div>
            <div class="rc"><a href="#"><img src="m1.gif" width="230" height="115" /></a></div>
            <div class="rc"><a href="#"><img src="m1.gif" width="230" height="115" /></a></div>
            <div class="rc"><a href="#"><img src="m1.gif" width="230" height="115" /></a></div>
        </div>
        <div class="col">
        	<div class="rc rh">LIBRARY</div>
            <div class="rc"><a href="#"><img src="m1.gif" width="230" height="115" /></a></div>
            <div class="rc"><a href="#"><img src="m1.gif" width="230" height="115" /></a></div>
            <div class="rc"><a href="#"><img src="m1.gif" width="230" height="115" /></a></div>
        </div>
    </div>
    <div class="clear"></div>
    <div id="foot">
    	<div>
        	<ul>
            	<li>
                	<em>location & Opening Times</em>
                    <p>
                    	<span>YCN.72 Rivington Street </span>
                        <span>London, EC2A 3AY </span>
                        <span>  United Kingdom</span>
                        <span>  t. +44 (0) 207 033 2140</span>
                        <span>e. info@ycnonline.com</span>
					</p>
                </li>
                <li>
                	<em>Now, Then & Next</em>
                    <p>
                     	<span>YCN.72 Rivington Street </span>
                        <span>London, EC2A 3AY </span>
                        <span>  United Kingdom</span>
                        <span>  t. +44 (0) 207 033 2140</span>
                        <span>e. info@ycnonline.com</span>
					</p>
                </li>
                <li>
                	<em>Library</em>
                    <p>
                    	<span>YCN.72 Rivington Street </span>
                        <span>London, EC2A 3AY </span>
                        <span>  United Kingdom</span>
                        <span>  t. +44 (0) 207 033 2140</span>
                        <span>e. info@ycnonline.com</span>
					</p>
                </li>
                <li>
                	<em>Shop</em>
                    <p>
                        <span>YCN.72 Rivington Street </span>
                        <span>London, EC2A 3AY </span>
                        <span>  United Kingdom</span>
                        <span>  t. +44 (0) 207 033 2140</span>
                        <span>e. info@ycnonline.com</span>
					</p>
                </li>
            </ul>
        </div>
    
    </div>
</div>
<script>
	
</script>
</body>
</html>



在页面的最后测试中出现问题，就是，margin出现问题，间距增加。一开始认为是由于IE6的bug空白叠加，最后发现时因为浮动没有清除，导致这种情况的出现，
  • 大小: 138.7 KB
分享到：
| 语义化的HTML结构到底有什么好处？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ThinkSystemDE系列维护de2000h-de4000h.pdf

    这份手册覆盖了多种型号的DE系列设备，包括DE2000H（7Y70、7Y71）、DE4000H（7Y74、7Y75、7Y77）、DE4000F（7Y76）以及DE6000系列和DE120S、DE240S和DE600S等。手册的第三版更新于2022年12月，确保了信息的时效性和...

    ThinkSystemDE系列安装DE2000和DE4000和DE6000

    ThinkSystem DE系列是联想推出的高性能企业级存储解决方案，包括DE2000、DE4000和DE6000等多个型号，适用于各种规模的企业数据中心。本指南将详细介绍这些存储系统的安装与设置流程，帮助用户顺利进行设备部署。 一...

    DE10_NANO_SoC_GHRD.zip_DE10_soc_SOC_de10_de10 开发板_de10nano

    DE10_NANO_SoC_GHRD.zip 文件是一个与 Altera DE10-Nano 开发板相关的资源压缩包，包含了一系列的示例程序和工程设计资料，方便用户快速上手并进行定制化开发。DE10-Nano 开发板是Altera（现已被Intel收购）推出的一...

    DE405.rarJPL行星历表DE405

    DE405是NASA的喷气推进实验室（JPL）发布的一个精确的行星历表，主要用于天体物理学、航天工程和天文导航等领域。这个压缩包文件"DE405.rar"包含了与DE405相关的各种重要数据和文档，使得用户能够计算太阳系内各行星...

    jpl_eph-master_de421星历_DE421_jpl星历_eastkxh_

    4. 支持DE421~DE435：这表示该程序不仅兼容DE421，还支持DE421之后的多个版本，如DE430、DE431等，这些更新的版本通常会包含更长时间范围内的预测数据，或者在精度上有所提升。 5. eastkxh：这个词汇可能是特定的...

    de4dot_All_Version.rar

    外国大神的De4Dot合集 de4dotfixedbyIvancitoOz de4dotModByBS de4dotModbyTheProxy de4dotReactorv4_9ModbyPC_RET de4dot_2 de4dot_2_0_3 de4dot_3 de4dot_3_1_0 de4dot_3_1_4 de4dot_4_9_PC_RET de4dot_5_8_...

    Lenovo ThinkSystem DE4000H Hybrid Storage Array.pdf

    Lenovo ThinkSystem DE4000原厂官方手册Lenovo ThinkSystem DE4000H Hybrid Storage Array.pdf

    LEDE项目：从命令行升级LEDE固件1

    LEDE项目（现在称为OpenWRT）是一个开源的嵌入式操作系统，主要针对路由器和其他网络设备。本文档是LEDE用户指南的一部分，专注于从命令行升级LEDE固件的过程。固件升级会替换当前的LEDE系统，包括更新的Linux内核、...

    DE10-Lite_v.2.0.1_SystemCD.zip_DE10-Lite_DE10-Lite型号_DE10Lite开发板

    DE10-Lite_v.2.0.1_SystemCD

    de4not反编译.netcore

    《深入理解de4not反编译.NET Core技术》 在.NET Core开发环境中，代码保护和反编译一直是开发者关注的重点。de4not，尤其是其核心工具de4dot，被誉为是.NET反编译领域的神器，因其强大的脱壳能力和对.NET Core应用...

    3DE培训教材.pdf

    3DE培训教材是一份关于达索系统3DEXPERIENCE平台的培训材料，它包含了软件安装、配置以及特定功能模块的操作指南。这份教材被设计成面向3DE软件用户的培训手册，旨在通过实例和视频案例帮助用户理解和掌握软件功能。...

    DE430 JPL星历 matlab

    DE430 JPL星历是天文学领域中一个重要的数据集，主要用于精确计算和预测太阳系内各行星、卫星以及小天体的位置。这个数据集由美国喷气推进实验室（Jet Propulsion Laboratory, JPL）提供，是天文学家和工程师进行...

    De-Emphasis.rar

    De-Emphasis 标题 Optical modulators for generating de-emphasis formatted optical signals and methods of operating the same Optical Modulators for Generating De-Emphasis Formatted Optical Signals and ...

    PSO_DE_PSO-DE_粒子群差分_差分进化_粒子群优化算法和差分进化算法的结合_差分进化算法

    《PSO-DE：粒子群优化与差分进化的融合》 粒子群优化算法（PSO，Particle Swarm Optimization）和差分进化算法（DE，Differential Evolution）是两种广泛应用于解决复杂优化问题的计算智能方法。这两种算法各自具有...

    de4dot解C#混淆工具release版本（需要.NET framework 4.5环境）

    这时，`de4dot`工具就显得尤为重要。 `de4dot`是由Giulio Occhionero开发的一款开源工具，专门用于解混淆C#程序集。它支持.NET Framework 2.0至4.6版本，而提供的这个"de4dot解C#混淆工具release版本"则特别注明...

    DE_群智能DE_

    【DE_群智能DE_】是一种基于生物进化理论的优化算法，它借鉴了自然界中群体行为的智慧，如鸟群、鱼群等社会性动物的行为模式。这种算法主要用于解决复杂多模态的优化问题，其核心思想是通过模拟自然选择、遗传交叉、...

    de405/406星历表算法

    DE405/406星历表算法 DE405/406星历表算法是用于Bernese 5.2的系统文件算法，解决了Bernese 5.0的DE200不能用于5.2的问题。该算法可以将DE星历表的文本星历库转换为二进制格式，并进行星历计算测试。 1. DE星历表...

    【产品手册】_DE2000H product guide.pdf

    通过Lenovo ThinkSystem DE120S2U12和DE240S2U24SFF扩展机箱，ThinkSystem DE2000H的存储阵列最多可以扩展到96个驱动器。 3. 主机连接选项： ThinkSystem DE2000H 提供广泛的主机连接选项，包括10Gb iSCSI、8/16Gb ...

    JPL DE430行星历表

    《JPL DE430行星历表：精确的宇宙定位工具》 JPL DE430行星历表是由美国国家航空航天局（NASA）喷气推进实验室（Jet Propulsion Laboratory，简称JPL）编写的，是天文学家和航天工程师进行精确天体定位的重要工具。...

    DeJong_DeJong_

    DeJong函数是一组经典测试函数，主要用于评估和比较优化算法的性能。这些函数由Edwin DeJong在1975年提出，是多维全局优化问题的标准测试集。在MATLAB环境中实现DeJong函数，可以帮助我们理解和分析各种优化算法在...

Magicbox
Global site tag (gtag.js) - Google Analytics