Quels sont les trois types de règles CSS ?

青灯夜游
Libérer: 2022-07-27 20:29:59
original
3824 Les gens l'ont consulté

Trois types de règles CSS : 1. Feuille de style en ligne, utilisez l'attribut style pour ajouter directement du code CSS au balisage HTML, la syntaxe "". 2. Dans la feuille de style interne, écrivez le style CSS dans la balise "

" et déclarez-le avec la balise "

Quels sont les trois types de règles CSS ?

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

CSS est un langage de programmation utilisé pour représenter les styles HTML. C'est un langage de style qui peut séparer les pages Web et le contenu.

CSS est principalement utilisé pour concevoir le style des pages Web et embellir les pages Web ; il peut non seulement modifier les pages Web de manière statique, mais également formater dynamiquement divers éléments des pages Web en conjonction avec divers langages de script.

CSS peut effectuer un contrôle précis au niveau des pixels sur la disposition des positions des éléments dans les pages Web, prend en charge presque tous les styles de taille de police et a la capacité de modifier les objets de page Web et les styles de modèle.

Les styles CSS comprennent principalement les trois types suivants : les styles en ligne (styles en ligne), les styles internes (styles en ligne), les styles externes (styles externes)

1. L'intérieur de la structure, c'est-à-dire le style écrit dans la balise ; écrit à l'intérieur de la partie de début de la balise, dans l'attribut style.

<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>
Copier après la connexion
Exemple :

<h1 style="color:red;">style属性的应用</h1>
Copier après la connexion

Avec cette méthode, vous pouvez facilement définir le style d'un élément individuellement.

Quels sont les trois types de règles CSS ?

Avantages :

Quels sont les trois types de règles CSS ?

Sans fichiers de feuille de style, l'efficacité peut être améliorée à certains moments ;

  • L'effet de style utilisant l'attribut style sera le plus fort et remplacera le même effet de style que celui des autres méthodes d'introduction ; .

  • Inconvénients :

Il est difficile pour plusieurs éléments de partager des styles, ce qui n'est pas propice à la réutilisation du code ;

  • Les codes HTML et CSS sont mélangés, ce qui n'est pas propice à la lecture des programmeurs et des moteurs de recherche ;

  • 2. Style interne (style en ligne) :

est écrit à l'intérieur de la page HTML, stocké dans la balise head, et le style est écrit dans la balise style.

<style>选择器 {属性名:属性值;属性名:属性值;......}</style>
Copier après la connexion
Exemple :


Quels sont les trois types de règles CSS ?

Avantages : Il ne génère pas de requêtes supplémentaires comme la feuille de style en ligne, et il réalise initialement la séparation de la structure et du style, ce qui le rend plus adapté aux applications de sites Web d'une seule page.

Quels sont les trois types de règles CSS ?Inconvénients : étant donné que la feuille de style interne est écrite dans le fichier HTML, la page est impure, la taille du fichier est volumineuse, elle ne permet pas aux robots d'exploration Web d'obtenir des informations, elle n'est pas propice à la maintenance et les styles ne peuvent pas être partagés. entre les pages

3. Styles externes (Style de lien externe) :

Le code est écrit dans le fichier CSS. Créez ensuite un lien vers la page via la balise de lien , et l'instruction de lien doit être placée dans la zone de balise Si le style CSS est placé dans un fichier en dehors du document de page Web, on l'appelle une feuille de style externe. Un document de feuille de style CSS représente une feuille de style externe.

En fait, une feuille de style externe n'est qu'un fichier texte avec l'extension .css. Lorsque vous copiez le code de style CSS dans un fichier texte et que vous l'enregistrez en tant que fichier .css, il s'agit d'une feuille de style externe.

Comme le montre la figure ci-dessous, il s'agit d'une feuille de style externe :

Façons d'introduire des feuilles de style externes : Quels sont les trois types de règles CSS ?

Les fichiers HTML font référence à des feuilles de style avec l'extension .css. Il existe deux manières : lien. tapez et tapez le type d'importation. 1), style de lien CSS

Le style de lien fait référence à la définition d'une feuille de style CSS en externe et à la formation d'un fichier avec une extension .CSS, puis à la création d'un lien vers la page via la balise de lien être placé dans la zone de balise de la page.

Grammaire :

<link type="text/css" rel="styleSheet"  href="CSS文件路径" />
Copier après la connexion

2), Import CSS

L'import est déclaré dans la balise