Wie HTML CSS aufruft, um Divs zu verwalten und zu verschönern-HTML-Tutorial-php.cn

Wie HTML CSS aufruft, um Divs zu verwalten und zu verschönern

一个新手

Freigeben： 2017-09-22 10:35:19

Original

1989 Leute haben es durchsucht

CSS-Layout, der Schlüssel liegt in der Korrespondenz zwischen HTML-Dateien und CSS-Dateien. In HTML wird die Einschlussbeziehung jedes p auf hierarchische Weise entworfen, und dann werden die Stil- und Schriftartgleichungen in der CSS-Datei entworfen.
Wie HTML CSS aufruft, um Divs zu verwalten und zu verschönern

HTML-Datei

<body><p class=p_body>
    <p class=p_header> p_header  </p>

    <p class="p_views">
        p_views        
        <p class="p_views_post"> p_views_post <?php echo $post ?> </p>
        <p class="p_views_auther"> p_views_auther </p>
        p_views    
        </p>
    <p class=p_floot> p_floot <?php echo $copyright ?> </p></p></body>

Nach dem Login kopieren

CSS-Datei

    .p_body {        
    background-color: darkcyan;    
    }
    .p_header {        
    background-color: lightblue;        
    font-size: 72px;        
    margin-top: 30px;        
    padding-left: 30px;    
    }
    .p_views {        
    background-color: blueviolet;        
    margin-top: 10px;        
    padding-left: 30px;        
    padding-right: 30px;        
    font-size: 48;    
    }
    .p_views_post {        
    background-color: aliceblue;    
    }
    .p_views_auther{        
    background-color: yellowgreen;    
    }
    .p_floot
    {        
    font-size:40px;        
    background-color: lightblue;        
    margin-top: 10px;        
    padding-left: 30px;        
    padding-right: 30px;    
    }

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie HTML CSS aufruft, um Divs zu verwalten und zu verschönern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!