Maison > interface Web > tutoriel CSS > contenu grammatical du CSS

contenu grammatical du CSS

不言
Libérer: 2018-04-24 16:38:38
original
1506 Les gens l'ont consulté

Cet article présente principalement le contenu grammatical du CSS, qui a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

1.css introduction
Vous pouvez contrôler les effets des pages Web, notamment la taille de la police, la couleur, la police, l'espacement des lignes, l'espacement des mots, l'image d'arrière-plan, le positionnement, la couleur d'arrière-plan
Méthode de style d'écriture 2.css
1) Style en ligne

<b>默认效果</b><b style="color:#F00;">文字变为红色</b>
Copier après la connexion

Remarque : le style en ligne écrit directement les attributs de style CSS dans la balise, et la lecture de la balise change directement en effet correspondant
N'affecte que le style en ligne
2) Interne style

<head><style type="test/css">b{color:#F00;}</style></head><body><b>变为红色了</b></body>
Copier après la connexion

Le style interne est écrit dans la zone d'en-tête de la page HTML. L'objet correspondant dans le corps sera lu et transformé en effet correspondant. La partie supérieure est écrite et la partie inférieure. une partie est contrôlée.
Affecte uniquement la page actuelle p
3) Style externe

<head><link rel="styleheet" href="css/new_filecss"/></head>
Copier après la connexion

Le style externe css est un fichier indépendant Vous devez écrire une ligne de code de lien dans l'en-tête de. la page HTML pour écrire l'élément correspondant en HTML et appeler l'effet de style CSS écrit par le style externe

3. L'écriture de la syntaxe CSS
L'écriture CSS se compose principalement d'attributs CSS et de CSS. valeurs d'attribut

<b style="color:#F00;">文字变为红色</b>
Copier après la connexion

style est le style, color est l'attribut CSS et #F00 est la valeur de l'attribut, remarque : enveloppez les propriétés CSS et les styles CSS avec ;

b{width:600px;height:60px;
}
Copier après la connexion

appareils orthodontiques

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:
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