Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

.container {
  gap: 20px; /* Applica 20px sia tra le righe che tra le colonne */
  /* Sintassi estesa: row-gap column-gap */
  gap: 10px 30px; 
}

<span class="line"><span style="color: #A6E22E">.container</span><span style="color: #F8F8F2"> {</span></span>
<span class="line"><span style="color: #F8F8F2">  </span><span style="color: #66D9EF; font-style: italic">gap</span><span style="color: #F8F8F2">: </span><span style="color: #AE81FF">20</span><span style="color: #F92672">px</span><span style="color: #F8F8F2">; </span><span style="color: #88846F">/* Applica 20px sia tra le righe che tra le colonne */</span></span>
<span class="line"><span style="color: #F8F8F2">  </span><span style="color: #88846F">/* Sintassi estesa: row-gap column-gap */</span></span>
<span class="line"><span style="color: #F8F8F2">  </span><span style="color: #66D9EF; font-style: italic">gap</span><span style="color: #F8F8F2">: </span><span style="color: #AE81FF">10</span><span style="color: #F92672">px</span><span style="color: #F8F8F2"> </span><span style="color: #AE81FF">30</span><span style="color: #F92672">px</span><span style="color: #F8F8F2">; </span></span>
<span class="line"><span style="color: #F8F8F2">}</span></span>

<?php
/**
 * Header.php - Intestazione Condivisa di Tutte le Pagine
 * 
 * Questo file viene incluso all'inizio di ogni pagina PHP del sito.
 * Contiene la dichiarazione DOCTYPE, il tag <head> con meta tag,
 * CSS e il tag <header> di apertura del sito.
 */
?><!DOCTYPE html>
<html lang="it-IT" dir="ltr">
<head>
    <!-- Meta tag essenziali -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="X-UA-Compatible" content="IE=edge">
    
    <!-- SEO Meta tag -->
    <meta name="description" content="<?php echo sanitize(page_description()); ?>">
    <meta name="author" content="<?php echo sanitize(SITE_AUTHOR); ?>">
    
    <!-- Titolo della pagina (dinamico) -->
    <title><?php echo sanitize(page_title()); ?></title>
    
    <!-- CSS Responsive per diversi dispositivi -->
    <!-- Mobile First Approach: smartphone.css è il base, tablet.css e desktop.css aggiungono stili via media queries -->
    <link rel="stylesheet" href="<?php echo url('css/smartphone.css'); ?>" media="screen and (max-width: 767px)">
    <link rel="stylesheet" href="<?php echo url('css/tablet.css'); ?>" media="screen and (min-width: 768px) and (max-width: 1023px)">
    <link rel="stylesheet" href="<?php echo url('css/desktop.css'); ?>" media="screen and (min-width: 1024px)">
    
<p>eeoeoe.</p>
    <!-- Favicon (opzionale) -->
    <!-- <link rel="icon" type="image/x-icon" href="<?php echo url('images/favicon.ico'); ?>"> -->
</head>
<body>

<header>
    <div class="logo">
        <h1 class="titolo-sito">
            <a href="<?php echo url(''); ?>" title="Torna alla home">
            <?php echo sanitize(SITE_NAME); ?></a>
        </h1>
    </div>
    </header>

<main>

1 commento su “Hello world!”

Lascia un commento Annulla risposta