Maison > interface Web > tutoriel CSS > le corps du texte

Comment créer un style composite CSS

藏色散人
Libérer: 2023-01-03 09:23:35
original
3492 Les gens l'ont consulté

La méthode d'écriture du style composé CSS est réalisée en utilisant des espaces ; certaines méthodes d'écriture composées n'ont pas besoin de se soucier de l'ordre, comme « arrière-plan, bordure » ; certaines doivent se soucier de l'ordre, comme ; comme "police".

Comment créer un style composite CSS

L'environnement d'exploitation de cet article : système Windows 7, version CSS3, ordinateur DELL G3.

Style composite CSS

Une propriété CSS ne contrôle qu'un seul style, appelé style unique.

Une propriété CSS contrôle plusieurs styles, ce que l'on appelle un style composite.

Style composé

La méthode d'écriture composée est réalisée en utilisant des espaces. Certaines méthodes d'écriture composées n'ont pas besoin de se soucier de l'ordre, comme l'arrière-plan et la bordure ; d'autres doivent se soucier de l'ordre, comme la police.

1、backgroud :red url() repeat 0 0;
2、border:1px red solid;
3、font:
Copier après la connexion

Remarque : Au moins deux valeurs sont requises : famille de tailles

weight style size family
style weight size family
weight style size/line-height family
Copier après la connexion

Remarque : Essayez de ne pas les mélanger, assurez-vous d'abord d'écrire un style composé et. puis un seul style.

Recommandé : "Tutoriel vidéo CSS"

Pratique

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>CSS复合样式</title>
    <style>
        div {
            width: 300px;
            height: 300px;
            background: greenyellow url("img/gougou.jpg") no-repeat center center;
            border: dashed 2px blue;
            font:  bold italic 30px/50px 宋体;
        }
    </style>
</head>
<body>
<div>
    MW
</div>
</body>
</html>
Copier après la connexion

Rendu

Comment créer un style composite CSS

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!

Étiquettes associées:
css
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal