Maison > interface Web > tutoriel CSS > Description détaillée du CSS dans JavaWeb

Description détaillée du CSS dans JavaWeb

高洛峰
Libérer: 2017-03-17 11:51:45
original
1473 Les gens l'ont consulté

Introduction au CSS

1. Présentation et fonction du CSS

CSS (Cascading Style Sheets) est une feuille de style en cascade utilisée pour définir l'effet d'affichage des pages Web. Il peut résoudre la duplication des définitions de style dans le code HTML, améliorer la maintenabilité du code de style ultérieur et améliorer l'effet d'affichage des pages Web.
Fonction : CSS sépare le contenu de la page Web et le style d'affichage, améliorant ainsi la fonction d'affichage.

2. Combinaison de CSS et HTML (*****) (quatre types)

Combinaison de CSS et HTML

1. Méthode d'attribut de style :

Utilisez l'attribut style dans la balise pour modifier le style d'affichage de chaque balise.

Exemple :

<p style="background-color:#FF0000; color:#FFFFFF">
        p标签段落内容。</p>
Copier après la connexion

Cette méthode est plus flexible, mais il est difficile de définir le même style pour plusieurs balises identiques et convient à une modification locale.

2. Méthode de balise de style : (méthode intégrée)

Ajoutez la balise de style à la balise head pour modifier plusieurs balises de manière uniforme. ​

<head>
    <style type=”text/css”>
        p { color:#FF0000;}
    </style></head>
Copier après la connexion

Cette méthode peut définir uniformément le style d'une seule page, mais elle n'est pas assez flexible pour les zones locales.

3. Méthode d'importation : (méthode courante)

Le principe est qu'il existe déjà un fichier CSS défini. Si une partie du style de la page Web doit être utilisée, utilisez cette méthode.

Exemple :

<style type="text/css">
    @import url(css_3.css);
    p { color:#FF0000;}</style>  
Copier après la connexion

Définir la fin d'un fichier CSS externe (.css).
@import url("css file address"); doit être écrit à l'intérieur de la balise