• div+css 文字弧形排版

  • 2008-10-29 23:11:20
  • 文字绕着半圆形的图片环绕排版,不用PS做成图片,还要动态更新文字,要用div+css做,您知道怎么做吗?看看下面的实例您就会明白了。

     
     
     
     
     
     
     
     
     

    符合Web标准的网站首先一点条件是网页能够通过W3C的代码校验,W3C提供了一个帮助使用使用者校验自己网站各方面语法程序,W3C目前提供了HTML / XHTML / CSS / RDF / P3P / XML /等多种标记语言的校验工具,如果你使用了这些语言来构建你的网站及应用,可以使用相关的工具进行语法校验。通过校验是学习Web标准的第一步,如果你在设计符合Web标准的网站中最后能够通过W3C校验,那么证明你的网页在Web标准的语法层面的使用上是没有问题的。但是仅仅为通过W3C校验而设计的网页是没有价值的,符合Web标准的另一层含义是使用Web标准中的各项技术将网站表现与内容完全分离,从根本上改变现有网站的结构为网站带来革新性的变化。所以我们认为通过W3C校验是学习与测试自己对Web标准中的技术性语法掌握的基础,而真正需要符合Web标准,还是需要不断学习与提高在网站架构设计上的经验,实现网站表现与内容的分离。答案是肯定的,HTML也是W3C的标准之一,之所以推荐使用XHTML是因为HTML的设计形式已经不能满足表现与内容分离式的网站架构,但是如果继续使用HTML来构建的话,从最终目标上来说是没有差别,通过完整的HTML标记语言,也同样能够通过W3C的校验,最终网页的显示也不会有什么问题。不过在这里还是继续向大家推荐使用XHTML,必尽XHTML提供更合理的结构,在Web标准设计之中会得到方便,在未来也方便顺利过渡到XML。

    这是样式表

    <style>
    <!--
    #layout p{
        line-height:180%;
        font-size:12px;
        padding-top:10px;
    }
    #layout{
        width:520px;
        margin:0px auto;
        background:url(img.jpg) no-repeat 0px 10px;
        text-align:justify;
        text-justify:inter-ideograph;
    }
    #l1,#l2,#l3,#l4,#l5,#l6,#l7,#l8,#l9{   
        float:left;
        clear:left;
        display:block;
    }
    #l1{width:0px;height:18px;}
    #l2{width:80px;height:28px;}
    #l3{width:150px;height:20px;}
    #l4{width:220px;height:38px;}
    #l5{width:240px;height:38px;}
    #l6{width:240px;height:38px;}
    #l7{width:220px;height:38px;}
    #l8{width:180px;height:30px;}
    #l9{width:120px;height:25px;}
    -->
    </style>

    这是html 代码
    <div id="layout">
      <div id="l1"></div>
      <div id="l2"></div>
      <div id="l3"></div>
      <div id="l4"></div>
      <div id="l5"></div>
      <div id="l6"></div>
      <div id="l7"></div>
      <div id="l8"></div>
      <div id="l9"></div>
      <p >符合Web标准的网站首先一点条件是网页能够通过W3C的代码校验,W3C提供了一个帮助使用使用者校验自己网站各方面语法程序,W3C目前提供了HTML  / XHTML / CSS / RDF / P3P / XML /等多种标记语言的校验工具,如果你使用了这些语言来构建你的网站及应用,可以使用相关的工具进行语法校验。通过校验是学习Web标准的第一步,如果你在设计符合Web标准的网站中最后能够通过W3C校验,那么证明你的网页在Web标准的语法层面的使用上是没有问题的。但是仅仅为通过W3C校验而设计的网页是没有价值的,符合Web标准的另一层含义是使用Web标准中的各项技术将网站表现与内容完全分离,从根本上改变现有网站的结构为网站带来革新性的变化。所以我们认为通过W3C校验是学习与测试自己对Web标准中的技术性语法掌握的基础,而真正需要符合Web标准,还是需要不断学习与提高在网站架构设计上的经验,实现网站表现与内容的分离。答案是肯定的,HTML也是W3C的标准之一,之所以推荐使用XHTML是因为HTML的设计形式已经不能满足表现与内容分离式的网站架构,但是如果继续使用HTML来构建的话,从最终目标上来说是没有差别,通过完整的HTML标记语言,也同样能够通过W3C的校验,最终网页的显示也不会有什么问题。不过在这里还是继续向大家推荐使用XHTML,必尽XHTML提供更合理的结构,在Web标准设计之中会得到方便,在未来也方便顺利过渡到XML。 </p>
    </div>

  • 发表评论 0评论