`
suling710716
  • 浏览: 12928 次
  • 性别: Icon_minigender_2
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

今天的我复制的昨天的程序员

阅读更多

今天的我是昨天的复制,今天的我不想在那么的混下去了,今天的我把以前学过的东西回想了一遍,今天的我学习了HTML,这是网页设计的基本知识,学习了网页中的各种标签,还有标签中各种属性,从最初的HTML开始,到CSS+DIV,都重头学了个遍,我想最好的还是CSS+DIV吧,我看了一个博客写的,从最简单的什么是HTML开始,到最后的IFREAM框架,让我对HTML又有了一个更新的认识,以前在大学学习的时候,只会用Adobe Dreamweaver 这个工具在上面填东西,对代码的部分根本就没什么更深的了解,在培训期间,学了很多,自己独立能完成页面的代码,几千行的代码没有问题,设计出的页面也和原来的几乎完全相同,但是今天又重新复习了一下,感觉还有那么多的内容不会,对IFREAM框架的理解没有那么的深,原来每一种语言都有他独特的魅力,想网站的布局。

  1.                             <style type="text/css">   
  2. body {   
  3.     margin0px;   
  4.     padding0px;   
  5.     font-size12px;   
  6. }   
  7.   
  8. #container {   
  9.     width960px;   
  10.     margin-leftauto;   
  11.     margin-rightauto;   
  12. }   
  13.   
  14. #header {   
  15.     width100%;   
  16.     height150px;   
  17.     floatleft;   
  18. }   
  19.   
  20. #header #left {   
  21.     width200px;   
  22.     height100%;   
  23.     background-colorblue;   
  24.     floatleft;   
  25. }   
  26.   
  27. #header #center {   
  28.     width600px;   
  29.     height100%;   
  30.     background-colorgray;   
  31.     floatleft;   
  32. }   
  33.   
  34. #header #right {   
  35.     width140px;   
  36.     height100%;   
  37.     background-color: yellow;   
  38.     floatleft;   
  39. }   
  40.   
  41. #menu {   
  42.     width100%;   
  43.     height25px;   
  44.     background-colorgray;   
  45.     floatleft;   
  46. }   
  47.   
  48. #main {   
  49.     width100%;   
  50.     floatleft;   
  51. }   
  52.   
  53. .left {   
  54.     width150px;   
  55.     height500px;   
  56.     background-colorred;   
  57.     floatleft;   
  58. }   
  59.   
  60. .right {   
  61.     width800px;   
  62.     height500px;   
  63.     floatright;   
  64. }   
  65.   
  66. .rleft {   
  67.     width300px;   
  68.     height245px;   
  69.     background-colorblue;   
  70.     floatleft;   
  71. }   
  72.   
  73. .rright {   
  74.     margin0px;   
  75.     padding0px;   
  76.     width490px;   
  77.     height245px;   
  78.     background-color: orange;   
  79.     floatright;   
  80. }   
  81.   
  82. .rtitle {   
  83.     width100%;   
  84.     height26px;   
  85.     backgroundurl("../images/title.png"no-repeat right;   
  86. }   
  87.   
  88. .rtitle h3 {   
  89.     padding0px;   
  90.     margin0px;   
  91.     font-size14px;   
  92.     line-height26px;   
  93.     width100px;   
  94.     height26px;   
  95.     padding-left15px;   
  96.     backgroundurl("../images/title.png"no-repeat left;   
  97.     floatleft;   
  98. }   
  99.   
  100. .rtitle a {   
  101.     padding0px;   
  102.     margin0px;   
  103.     font-size14px;   
  104.     line-height26px;   
  105.     width60px;   
  106.     height26px;   
  107.     floatright;   
  108. }   
  109.   
  110. .adv {   
  111.     width100%;   
  112.     height100px;   
  113.     background-colorgray;   
  114.     floatleft;   
  115. }   
  116.   
  117. #footer {   
  118.     width100%;   
  119.     height100px;   
  120.     background-color: yellow;   
  121.     floatleft;   
  122. }   
  123.   
  124. .navw {   
  125.     width100%;   
  126.     height10px;   
  127.     overflowhidden;   
  128.     floatleft;   
  129. }   
  130.   
  131. .navh {   
  132.     width10px;   
  133.     height100%;   
  134.     floatleft;   
  135. }   
  136. </style>   
  137.                   

  1. <div id="container">  
  2.         <div id="header">  
  3.                 <div id="left">  
  4.                 </div>  
  5.                 <div class="navh">  
  6.                 </div>  
  7.                 <div id="center">  
  8.                 </div>  
  9.                 <div class="navh">  
  10.                 </div>                   
  11.                 <div id="right">  
  12.                 </div>  
  13.         </div>  
  14.         <div class="navw">  
  15.         </div>  
  16.             <div id="menu">  
  17.         </div>  
  18.            
  19.         <div class="navw">  
  20.         </div>  
  21.         <div id="main">  
  22.                 <div class="left">  
  23.                 </div>  
  24.                 <div class="navh">  
  25.                 </div>  
  26.                 <div class="right">  
  27.                         <div class="rleft">  
  28.                         </div>  
  29.                         <div class="rright">  
  30.                             <div class="rtitle">  
  31.                                 <h3>测试一下</h3>  
  32.                                 <a href="#">更多...</a>  
  33.                             </div>  
  34.                         </div>  
  35.                         <div class="navw">  
  36.                         </div>  
  37.                         <div class="rleft">  
  38.                         </div>  
  39.                         <div class="rright">  
  40.                         </div>                                               
  41.                 </div>  
  42.        
  43.         </div>  
  44.         <div class="navw">  
  45.         </div>  
  46.         <div id="footer">  
  47.            
  48.         </div>  
  49. </div>   

引自http://www.dlivan.com/15.html | 创想空间|大连SEO|专注于电脑技术、网站架设互联网

该日志由 ivan 于2011年03月08日发表在大连SEO分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
这个网站的SEO做的很好,还有HTML的语言的一些用法,我在这个网站上把HLML的内容重新看了一遍,让我受益匪浅,今天的我不在是昨天的我,今天的我学习了东西,比昨天的我有了一点长进,呵呵。

人要越长大越懂得充实自己,要不到老的时候真的会后悔莫及,今天的我有了点小感慨,希望前辈别笑话我,加油明天是美好的,未来是光明的,为了明天努力!

 

分享到:
评论

相关推荐

    122u水卡充值程序

    比如change一下money什么的,无奈光改金额不行,还得算出校验位是怎么来的,然后每次想把money改成多少多少,都要拿系统自带程序员计算器在那里按来按去,很是麻烦,对于我这种懒人来说,必定要偷偷懒的(同时也方便...

    易语言支持库-数组操作命令用法.pdf

    这些数组操作命令是易语言中处理数据的关键组成部分,它们提供了灵活的方式来创建、修改和操作数组,使得易语言的程序员能够高效地处理各种复杂的数据结构。理解并熟练掌握这些命令,能够极大地提高代码的效率和可...

    Java的GC机制探微.pdf

    对于Java程序员来说,虽然GC在大多数情况下是透明的,但理解其工作原理和优化方法对于编写高性能的应用至关重要。 GC的基本工作原理是通过判断对象是否"可触及"来确定哪些对象是活动的,哪些是垃圾。"可触及"是指从...

    会计从业资格考试初级会计电算化模拟题及答案1.pdf

    【知识点详解】 1. 计算机病毒:计算机病毒是...26. Windows98操作:在Windows98中,可以通过“我的电脑”浏览文件,通过“资源管理器”管理文件和文件夹,通过“开始”菜单启动程序,以及使用“查找”功能搜索文件。

    计算机原理.pdf

    计算机原理是理解计算机系统运作的基础,它涉及到计算机硬件和软件之间的交互。虽然计算机编程书籍往往不涉及计算机...尽管学习计算机原理可能需要投入更多时间和精力,但这种深入的理解将为程序员带来长远的职业优势。

    基础的C++程序hanoi

    这个问题通常用递归方式来解决,因为其本质是一个自我复制的问题:在将最上面的n-1个圆盘移动到中间柱子(B)后,需要将最大的圆盘移动到目标柱子(C),然后再将中间柱子上的n-1个圆盘移动到目标柱子上。...

    含蓄低调的名言名句.doc

    9. **独立思考**(你永远看不到我最寂寞的时候,因为在看不到你的时候就是我最寂寞的时候) 鼓励独立思考,不盲目跟随潮流,培养解决问题的独立能力。 10. **职业稳定性**(铁饭碗的真实含义不是在一个地方吃...

    java面试之吸星大法

    Java允许程序员自定义异常,通过继承`Exception`类创建新类型的异常,并使用`throw`关键字在程序中显式抛出。此外,Java提供了`try-catch-finally`语句来捕获和处理异常,确保程序的健壮性和可维护性。 #### Java...

    Java开源的下一代社区平台Symphony.zip

    领取签到奖励、领取昨日活跃奖励 上证博彩 字 (?) 贪吃蛇 后续还会继续加入一些好玩的在线小游戏。 强大的后台管理 后台首页:数据统计、版本检查 用户管理:搜索用户、添加用户、用户数据维护(状态...

    c#基础考试题.pdf

    而`Person`结构(Struct)是一个值类型,这意味着当赋值或传递给函数时,会复制整个结构的数据。所以选项b)是正确的,`A`为引用类型,`B`为值类型。 4. 异常处理:给定的C#代码展示了异常处理的结构,包括`try-...

    java面试题大集合

    - **垃圾回收机制**:Java自动管理内存,通过垃圾回收器定期回收不再使用的对象所占用的内存空间,从而避免了程序员手动管理内存的复杂性。 #### 五、在JAVA中,如何跳出当前的多重嵌套循环? 可以通过设置一个...

    千方百计笔试题大全

    - **原因**:简化程序员的工作,避免手动管理内存导致的问题。 #### 37. 垃圾回收的优点和原理。并考虑 2 种回收机制。 优点包括减少内存泄漏风险、提高程序效率等。主要原理包括标记-清除算法和复制算法等。 ###...

Global site tag (gtag.js) - Google Analytics