Table des matières
Aujourd'hui, je vais principalement parler des feuilles de style CSS. Utiliser le HTML en combinaison avec celui-ci peut rendre les pages HTML très colorées ! " >Aujourd'hui, je vais principalement parler des feuilles de style CSS. Utiliser le HTML en combinaison avec celui-ci peut rendre les pages HTML très colorées !
Tout d'abord, présentons brièvement pourquoi utiliser CSS(Cascading Sstyle Sheets) en cascade des feuilles de style ! " >Tout d'abord, présentons brièvement pourquoi utiliser CSS(Cascading Sstyle Sheets) en cascade des feuilles de style !
Si le même élément HTML est utilisé par plus de 1 Lors de la définition d'un style, quel style sera utilisé ? " >Si le même élément HTML est utilisé par plus de 1 Lors de la définition d'un style, quel style sera utilisé ?
Il y a deux parties principales de la composition des règles CSS : le sélecteur et une ou plus de déclarations.
En plus du mot anglais red, on peut également utiliser la valeur de couleur hexadécimale #ff0000;
Maison interface Web tutoriel HTML Pourquoi utiliser CSS (feuilles de style en cascade)

Pourquoi utiliser CSS (feuilles de style en cascade)

Jun 24, 2017 am 11:41 AM
css 了解 简单

Aujourd'hui, je vais principalement parler des feuilles de style CSS. Utiliser le HTML en combinaison avec celui-ci peut rendre les pages HTML très colorées !

Tout d'abord, présentons brièvement pourquoi utiliser CSS(Cascading Sstyle Sheets) en cascade des feuilles de style !


 1. Parce que les feuilles de style CSS peuvent définir la façon dont les éléments HTML sont affichés

2. Tous les principaux navigateurs prennent en charge les feuilles de style CSS

3. Les feuilles de style sont extrêmement Améliore considérablement l'efficacité du travail

 4. De plus, plusieurs feuilles de style peuvent être regroupées en une seule

Si le même élément HTML est utilisé par plus de 1 Lors de la définition d'un style, quel style sera utilisé ?

De manière générale, tous les styles seront cascadés dans une nouvelle feuille de style virtuelle selon les règles suivantes, parmi lesquelles la 4ème a la priorité la plus élevée.

1. Paramètres par défaut du navigateur

2. Feuille de style externe

3. Feuille de style interne (située à l'intérieur de la balise <head>)

4. Style en ligne (à l'intérieur de l'élément HTML)

Par conséquent , un style en ligne a la priorité la plus élevée, ce qui signifie qu'il aura priorité sur les déclarations de style suivantes : les déclarations de style dans la balise <head> et les déclarations de style dans les feuilles de style externes. Déclaration ou déclaration de style du navigateur. (valeur par défaut) !

Voici l'introduction de sa syntaxe :

Il y a deux parties principales de la composition des règles CSS : le sélecteur et une ou plus de déclarations.

1 div{2     width:100px;3     height:100px;4 }
Copier après la connexion
Le sélecteur est généralement l'élément HTML dont vous avez besoin pour changer le style

Chaque déclaration est composée d'un attribut composé d'une valeur. !

La propriété est l'attribut de style que vous souhaitez définir. Chaque attribut a une valeur. L'attribut et la valeur sont séparés par deux points.

Ce qui suit La fonction de cette ligne de code est. pour définir la couleur du texte dans l'élément H1 comme rouge et définir la taille de la police sur 14 pixels

Dans cet exemple, .h1 est le sélecteur, et la couleur et la taille de la police sont les attributs.red et 14px sont les attributs.

h1{
    color:red;
    font-size:14px;
}
Copier après la connexion
L'image ci-dessous vous montre la structure du code ci-dessus :

Différentes méthodes d'écriture. et unités de valeurs :
En plus du mot anglais red, on peut également utiliser la valeur de couleur hexadécimale #ff0000;

p{
    color:#ff0000;
}
Copier après la connexion
On peut utilisez également les valeurs RVB de deux manières :

p{color:rgb(255,0,0);
}p{color:rgb(100%,0%,0%);
}
Copier après la connexion

N'oubliez pas d'écrire des guillemets :

Astuce : Si la valeur est composée de plusieurs mots, ajoutez des guillemets à la valeur ;

p{

 font-family: "sans serif";

}


Je serai là aujourd'hui à demain !!!

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 de ce site Web
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

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que signifie l'espace réservé en vue Que signifie l'espace réservé en vue May 07, 2024 am 09:57 AM

Que signifie l'espace réservé en vue

Comment écrire des espaces dans vue Comment écrire des espaces dans vue Apr 30, 2024 am 05:42 AM

Comment écrire des espaces dans vue

Comment avoir dom en vue Comment avoir dom en vue Apr 30, 2024 am 05:36 AM

Comment avoir dom en vue

Que signifie span en js Que signifie span en js May 06, 2024 am 11:42 AM

Que signifie span en js

Que signifie rem en js Que signifie rem en js May 06, 2024 am 11:30 AM

Que signifie rem en js

Comment introduire des images dans vue Comment introduire des images dans vue May 02, 2024 pm 10:48 PM

Comment introduire des images dans vue

Quelle est la fonction de la balise span Quelle est la fonction de la balise span Apr 30, 2024 pm 01:54 PM

Quelle est la fonction de la balise span

Comment envelopper l'invite dans js Comment envelopper l'invite dans js May 01, 2024 am 06:24 AM

Comment envelopper l'invite dans js

See all articles