Maison  >  Article  >  interface Web  >  Trois styles de CSS ?

Trois styles de CSS ?

Guanhui
Guanhuioriginal
2020-07-23 13:51:2110263parcourir

Trois styles de CSS ?

Trois styles de CSS ?

1. Inline, consiste à écrire le code CSS directement dans la balise HTML existante

<p style="color:red">这里文字是红色。</p>

2, consiste à écrire le code de style CSS dans le "style" Between. tags;

<style type="text/css">span{color:red;}</style>

3. La création de liens externes signifie écrire le code CSS dans un fichier externe séparé et l'introduire via la balise "link".

<link href="style.css" rel="stylesheet" type="text/css" />

Caractéristiques de CSS

Définitions de style riches

CSS offre une apparence de style de document riche, et le possibilité de définir les propriétés du texte et de l'arrière-plan ; vous permet de créer une bordure pour n'importe quel élément, ainsi que la distance entre la bordure de l'élément et les autres éléments, et la distance entre la bordure de l'élément et le contenu de l'élément vous permet de modifier la majuscule, décoration, et autres pages de texte à volonté Effet.

Facile à utiliser et à modifier

CSS peut définir le style dans l'attribut style de l'élément HTML, vous pouvez également le définir dans la partie en-tête du document HTML, ou vous pouvez déclarer le style dans un fichier CSS dédié pour référence dans les pages HTML. En bref, les feuilles de style CSS peuvent stocker et gérer toutes les déclarations de style de manière unifiée.

De plus, les éléments du même style peuvent être classés et définis en utilisant le même style, vous pouvez également appliquer un certain style à toutes les balises HTML portant le même nom, ou vous pouvez attribuer un style CSS à un certain style. dans les éléments de la page. Si nous voulons modifier le style, il suffit de trouver l'instruction de style correspondante dans la liste de styles et de la modifier.

Application multipage

La feuille de style CSS peut être stockée dans un fichier CSS séparé, afin que nous puissions utiliser la même feuille de style CSS sur plusieurs pages. Théoriquement, les feuilles de style CSS n'appartiennent à aucun fichier de page et peuvent être référencées dans n'importe quel fichier de page. De cette manière, les styles de plusieurs pages peuvent être unifiés.

Cascading

En termes simples, la cascade consiste à définir le même style plusieurs fois sur un élément, qui utilisera la dernière valeur d'attribut définie. Par exemple, si vous utilisez le même ensemble de feuilles de style CSS pour plusieurs pages d'un site et si vous souhaitez utiliser d'autres styles pour certains éléments de certaines pages, vous pouvez définir une feuille de style distincte pour ces styles et les appliquer au page. Ces styles définis ultérieurement remplaceront les paramètres de style précédents et ce que vous verrez dans le navigateur sera l'effet de style défini en dernier.

Compression de page

Dans les sites Web qui utilisent HTML pour définir les effets de page, un grand nombre de tableaux et d'éléments de police répétés sont souvent nécessaires pour former des styles de texte de diverses spécifications. un grand nombre de balises HTML, augmentant ainsi la taille du fichier de page. Placer la déclaration de style séparément dans la feuille de style CSS peut réduire considérablement la taille de la page, de sorte que le temps passé à charger la page sera également considérablement réduit. De plus, la réutilisation des feuilles de style CSS réduit davantage la taille de la page et réduit le temps de téléchargement.

Tutoriel recommandé : "PHP"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn