Les sujets:

Les partenaires publicitaires:

Réponses populaires

Questions connexes

Les partenaires publicitaires:

Comment combiner attributs CSS en un seul

Cascading Style Sheets ou CSS, dicter l'allure générale d'un site en définissant le style de chaque élément - que ce soit les polices, la couleur ou la mise en page. Typiquement, un site web utilise un fichier CSS à travers ses nombreuses pages. Les grands sites ont des fichiers CSS avec de nombreuses lignes de codes, créant souvent un gros fichier CSS. Si vous souhaitez optimiser la vitesse de chargement de votre site, une chose que vous pouvez changer la taille du fichier CSS. La combinaison de plusieurs attributs en une seule en utilisant le CSS raccourci diminue les lignes de code, résultant en un fichier CSS plus petit.

Utilisation de la sténographie sur Borders

  1. Ouvrez le fichier CSS de votre site dans le Bloc-notes.

  2. Rechercher le code des instances wher attributs frontalières sont définies. Par example:

    .sidebar {

    border-width: 1px-

    border-style: dotted-

    border-color: # 000-

    border-top-width: 1px-

    border-right-width: 2px-

    border-bottom-width: 3px-

    border-left-width: 4px-

    }

  3. Combinez les attributs de la frontière en utilisant la propriété raccourcie "frontière" et "border-width":

    .sidebar {

    border: 1px # 000- pointillés

    border-width: 1px 2px 3px 4px-

    }

    La "frontière" abrégée combine la largeur, le style et la couleur tout "border-width" combine le haut, droite, bas et gauche attributs.

Utilisation de la sténographie sur Fond

  1. Ouvrez votre fichier CSS.

  2. Rechercher le code pour les cas où les attributs de fond sont définis. Par example:

    body {

    background-color: # CCC-

    background-image: URL ('mybackground.jpg') -

    background-repeat: no-répétabilité

    background-attachment: fixe

    background-position: supérieur droit

    }

  3. Combiner l'arrière-plan en utilisant les attributs de la "Contexte" raccourci:

    body {

    fond: #ccc URL ('mybackground.jpg') no-repeat supérieur droit fixe

    }

    Les attributs combinés doivent être dactylographiés dans l'ordre suivant: la couleur, URL de l'image, répétez, l'attachement et la position.

Utilisation de la sténographie sur les polices de caractères




  1. Ouvrez votre fichier CSS

  2. Rechercher le code pour les cas où les attributs de police sont définies. Par example:

    h1 {

    font-style: underline-

    font-variant: petit-caps-

    font-weight: hardiesse

    font-size: 16px-

    line-height: 30px-

    famille de polices:"Arial", sans-serif-

    }

  3. Combinez les attributs de la police à l'aide du "police" raccourci:

    h1 {

    police: underline petites capitalisations gras 16px / 30px "Arial", sans-serif-

    }

    Les attributs combinés doivent être dactylographiés dans l'ordre suivant: le style, la variante, le poids, la taille, la hauteur de ligne et de la famille de la police.

Utilisation de la sténographie sur les marges et Rembourrage

  1. Ouvrez votre fichier CSS.

  2. Recherche de cas dans le code où margin et padding attributs sont définis. Par example:

    .{boîte

    margin-top: 5px-

    margin-right: 0-

    margin-bottom: 3px-

    margin-left: 6px-

    padding-top: 5px-

    padding-right: 0-

    padding-bottom: 3px-

    padding-left: 6px-

    }

  3. Combinez la marge et le rembourrage attributs utilisant le "marge" et "rembourrage" raccourci:

    .{boîte

    margin: 5px 0 3px 6px-

    padding: 5px 0 3px 6px-

    }

    Les attributs combinés doivent être dactylographiés dans l'ordre suivant: haut, droite, bas et gauche.

Conseils & Avertissements

  • Pas tous les attributs sont nécessaires et peuvent être laissés en blanc.
  • Pour le code CSS pour travailler, il est important que vous suivez la séquence correcte pour chaque propriété CSS sténographie.

Questions connexes

» » » » Comment combiner attributs CSS en un seul