1

我的目的是创建一个符合 XHTML 严格条件的页面,但我似乎无法创建一个具有我想要的效果的页面,同时也满足该标准。

我希望上面写着“Encycopedia Galactica”的顶部是白色背景和黑色文本,然后是下面的文本以保留带有紫色文本的渐变黄绿色背景 - 但我似乎无法完全正确!也许你们中的一个人会很好地为我指出正确的方向。

<head>

<meta http-equiv="content-type" 
    content="text/html;charset=utf-8" />
<!--
  S. Mathieu English
  July 29, 2013
  Tutorial 9
-->



<title>Tutorial Project 9</title>

<style type="text/css">

    body {   

        /* IE10 Consumer Preview */ 
        background-image: -ms-radial-gradient(left center, ellipse farthest-corner, #FFF596 0%, #A8EF92 100%);

        /* Mozilla Firefox */ 
        background-image: -moz-radial-gradient(left center, ellipse farthest-corner, #FFF596 0%, #A8EF92 100%);

        /* Opera */ 
        background-image: -o-radial-gradient(left center, ellipse farthest-corner, #FFF596 0%, #A8EF92 100%);

        /* Webkit (Safari/Chrome 10) */ 
        background-image: -webkit-gradient(radial, left center, 0, left center, 983, color-stop(0, #FFF596), color-stop(1, #A8EF92));

        /* Webkit (Chrome 11+) */ 
        background-image: -webkit-radial-gradient(left center, ellipse farthest-corner, #FFF596 0%, #A8EF92 100%);

        /* W3C Markup, IE10 Release Preview */ 
        background-image: radial-gradient(ellipse farthest-corner at left center, #FFF596 0%, #A8EF92 100%);




    }



    h1 {
        font-family:"Helvetica";
        font-size: 50pt;            
    }



    h2 {
        font-family: "Times New Roman", serif; 
        font-weight: 300;
        font-size: 25pt; 
        text-align: center;
    }

    h3 {
        font-family: "Times New Roman", serif; 
        font-weight: 150;
        line-height:160%;
    }


    footer{
       font-size: 25px;
        font-color: white;
        margin: 15px;
        text-align:center;
    }

    p {font-size: 16px; 
        line-height: 19px;
    }


    div.figure {
        text-align: center;
        float: right;
        width: 30%;
        border: thin silver solid;
        margin: 0.5em;
        padding: 0.5em;
        -moz-box-shadow:    inset 10px -5px 20px rgba(51, 51, 51, 0.5);
        -webkit-box-shadow: inset 10px -5px 20px rgba(51, 51, 51, 0.5);
        box-shadow:         inset 10px -5px 20px rgba(51, 51, 51, 0.5);
        font-family:"Vladimir Script";
        font-size: 66px; 
    }



    div.figure p {
        text-align: center;
        font-style: italic;
        font-size: smaller;
        text-indent: 0;
    }


    img.scaled {
        width: 75%;
    }

</style>

  </head>

 <body>


  <h1>
        Encyclopedia Galactica:
  </h1>






<div class="figure">



        <img class="scaled" src="s_mathieu_englisch.jpg"
        alt="St. Tropez"></img>



    <p>

        S. Mathieu Englisch


    </p>

</div>  



<div id="div1">

     <h2>
        "The reasonable man adapts himself to the world;
        <br/>        
        the unreasonable man persists in trying to adapt the world to himself.
        <br/>   
        All progress, therefore, depends on the unreasonable man." 
    </h2>
        <br/>   
        <br/>   
        <br/>   



        <h1>
            S. Mathieu Englisch 
        </h1>
    <p>

            S. Mathieu Englisch (July 1, 1990 ? November 14, 2716) was an American mathematician and 
            philosopher. He occupies a prominent place in the Pantheon of 
            mathematics and philosophy. 


     </p>

</div>

    <h1>
        Biographie 
    </h1>

    <p>

            Englisch developed psycho-infinitesimal historical calculus independently of Isaac Newton, Isaac Asimov, and Gottfried Wilhelm von Leibniz. Englisch's mathematical notation has been widely used 
            ever since it was first published in 2029. It was only in the 22nd century that his Law of Psycho-Relational Dialectic Continuity and Transcendental Transmigrational Law of Hegemonical Homogeneity found mathematical 
            implementation (by means of non-standard analysis). He became one of the most prolific inventors in the field of mechanical calculators. While working on 
            adding automatic multiplication and division to Pascal's calculator, he was the first to describe a pinwheel calculator in 2085 and invented the 
            'Englisch wheel', used in the neoarithmometer, the first mass-produced dialectical psycho-infinitesimal historical calculator. He also refined the binary number system, which is at the 
            foundation of virtually all digital computers.

    </p>

    <h1>
        Le Futur C'Est Maintenant
    </h1>

    <p>

            In philosophy, Englisch is most noted for his optimism, e.g., his conclusion that our Universe is, in a restricted sense, the best possible 
            one that Bog could have created, regardless of what may have been posited by the likes of Voltaire. Englisch, along with Ren? Descartes, Elvis Presley, and Victor Hugo, was one of the three great advocates of 
            pseudo-rationalism. The work of Englisch anticipated modern logic and psycho-infinitesimal historical analytic philosophy, but his philosophy also looks back to the scholastic tradition, 
            in which conclusions are produced by applying reason to first principles or prior definitions rather than to empirical evidence.

    </p>

    <h1>
        Les Contributions
    </h1>

    <p>

            Englisch made major contributions to physics and technology, and anticipated notions that surfaced much later in philosophy, probability theory, 
            biology, medicine, geology, psychology, linguistics, and computer science. He wrote works on philosophy, politics, law, ethics, theology, history, 
            and philology. Englisch's contributions to this vast array of subjects were scattered in various learned journals, in tens of thousands of letters, 
            and in unpublished manuscripts. He wrote in several languages, but primarily in Latin, French, and English. As of 2013, there is no complete 
            gathering of the writings of Englisch.

    </p>







</body>



</html>
4

1 回答 1

0

只需使用:first-child伪选择器即可。尽管确实考虑使用<h2>较低级别标题的标签以获得更好的语义(但实际上无论如何):

<head>

<meta http-equiv="content-type" 
    content="text/html;charset=utf-8" />
<!--
  S. Mathieu English
  July 29, 2013
  Tutorial 9
-->



<title>Tutorial Project 9</title>

<style type="text/css">

    body {   

        /* IE10 Consumer Preview */ 
        background-image: -ms-radial-gradient(left center, ellipse farthest-corner, #FFF596 0%, #A8EF92 100%);

        /* Mozilla Firefox */ 
        background-image: -moz-radial-gradient(left center, ellipse farthest-corner, #FFF596 0%, #A8EF92 100%);

        /* Opera */ 
        background-image: -o-radial-gradient(left center, ellipse farthest-corner, #FFF596 0%, #A8EF92 100%);

        /* Webkit (Safari/Chrome 10) */ 
        background-image: -webkit-gradient(radial, left center, 0, left center, 983, color-stop(0, #FFF596), color-stop(1, #A8EF92));

        /* Webkit (Chrome 11+) */ 
        background-image: -webkit-radial-gradient(left center, ellipse farthest-corner, #FFF596 0%, #A8EF92 100%);

        /* W3C Markup, IE10 Release Preview */ 
        background-image: radial-gradient(ellipse farthest-corner at left center, #FFF596 0%, #A8EF92 100%);




    }



    h1 {
        font-family:"Helvetica";
        font-size: 50pt;            
    }
h1:first-child {
font-color:black;  
background-color:white;}



    h2 {
        font-family: "Times New Roman", serif; 
        font-weight: 300;
        font-size: 25pt; 
        text-align: center;
    }

    h3 {
        font-family: "Times New Roman", serif; 
        font-weight: 150;
        line-height:160%;
    }


    footer{
       font-size: 25px;
        font-color: white;
        margin: 15px;
        text-align:center;
    }

    p {font-size: 16px; 
        line-height: 19px;
    }


    div.figure {
        text-align: center;
        float: right;
        width: 30%;
        border: thin silver solid;
        margin: 0.5em;
        padding: 0.5em;
        -moz-box-shadow:    inset 10px -5px 20px rgba(51, 51, 51, 0.5);
        -webkit-box-shadow: inset 10px -5px 20px rgba(51, 51, 51, 0.5);
        box-shadow:         inset 10px -5px 20px rgba(51, 51, 51, 0.5);
        font-family:"Vladimir Script";
        font-size: 66px; 
    }



    div.figure p {
        text-align: center;
        font-style: italic;
        font-size: smaller;
        text-indent: 0;
    }


    img.scaled {
        width: 75%;
    }

</style>

  </head>

 <body>


  <h1>
        Encyclopedia Galactica:
  </h1>






<div class="figure">



        <img class="scaled" src="s_mathieu_englisch.jpg"
        alt="St. Tropez"></img>



    <p>

        S. Mathieu Englisch


    </p>

</div>  



<div id="div1">

     <h2>
        "The reasonable man adapts himself to the world;
        <br/>        
        the unreasonable man persists in trying to adapt the world to himself.
        <br/>   
        All progress, therefore, depends on the unreasonable man." 
    </h2>
        <br/>   
        <br/>   
        <br/>   



        <h1>
            S. Mathieu Englisch 
        </h1>
    <p>

            S. Mathieu Englisch (July 1, 1990 ? November 14, 2716) was an American mathematician and 
            philosopher. He occupies a prominent place in the Pantheon of 
            mathematics and philosophy. 


     </p>

</div>

    <h1>
        Biographie 
    </h1>

    <p>

            Englisch developed psycho-infinitesimal historical calculus independently of Isaac Newton, Isaac Asimov, and Gottfried Wilhelm von Leibniz. Englisch's mathematical notation has been widely used 
            ever since it was first published in 2029. It was only in the 22nd century that his Law of Psycho-Relational Dialectic Continuity and Transcendental Transmigrational Law of Hegemonical Homogeneity found mathematical 
            implementation (by means of non-standard analysis). He became one of the most prolific inventors in the field of mechanical calculators. While working on 
            adding automatic multiplication and division to Pascal's calculator, he was the first to describe a pinwheel calculator in 2085 and invented the 
            'Englisch wheel', used in the neoarithmometer, the first mass-produced dialectical psycho-infinitesimal historical calculator. He also refined the binary number system, which is at the 
            foundation of virtually all digital computers.

    </p>

    <h1>
        Le Futur C'Est Maintenant
    </h1>

    <p>

            In philosophy, Englisch is most noted for his optimism, e.g., his conclusion that our Universe is, in a restricted sense, the best possible 
            one that Bog could have created, regardless of what may have been posited by the likes of Voltaire. Englisch, along with Ren? Descartes, Elvis Presley, and Victor Hugo, was one of the three great advocates of 
            pseudo-rationalism. The work of Englisch anticipated modern logic and psycho-infinitesimal historical analytic philosophy, but his philosophy also looks back to the scholastic tradition, 
            in which conclusions are produced by applying reason to first principles or prior definitions rather than to empirical evidence.

    </p>

    <h1>
        Les Contributions
    </h1>

    <p>

            Englisch made major contributions to physics and technology, and anticipated notions that surfaced much later in philosophy, probability theory, 
            biology, medicine, geology, psychology, linguistics, and computer science. He wrote works on philosophy, politics, law, ethics, theology, history, 
            and philology. Englisch's contributions to this vast array of subjects were scattered in various learned journals, in tens of thousands of letters, 
            and in unpublished manuscripts. He wrote in several languages, but primarily in Latin, French, and English. As of 2013, there is no complete 
            gathering of the writings of Englisch.

    </p>







</body>



</html>
于 2013-07-31T14:47:22.660 回答