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

À propos de la méthode DW d'insertion de styles CSS dans HTML

不言
Libérer: 2018-06-11 14:46:46
original
8836 Les gens l'ont consulté

Si nous voulons avoir une belle présentation d'interface lors de la conception de pages Web, nous devons utiliser des styles CSS. Ce qui suit est une introduction à la méthode de DW pour insérer des styles CSS dans le HTML. Les amis qui ne savent pas comment peuvent se référer. à cet article et jetez-y un œil

Lorsque vous utilisez Dreamweaver CS6 pour créer des pages Web, il existe de nombreux styles de mise en page. Vous pouvez utiliser les styles CSS insérés pour enregistrer les styles de page séparément afin de simplifier le code. L'éditeur ci-dessous vous présentera la méthode DW pour insérer des styles CSS dans le HTML. Les amis qui ne savent pas comment peuvent se référer à cet article et y jeter un œil !

利用Dreamweaver CS6在html中插入css的样式

Étapes

Tout d'abord, ouvrez Dreamweaver CS6, créez un nouveau document CSS et sélectionnez "css ", cliquez sur le bouton OK.

利用Dreamweaver CS6在html中插入css的样式

Mettez le style CSS conçu dans la page.

利用Dreamweaver CS6在html中插入css的样式

Cliquez sur "Fichier" en haut à gauche, sélectionnez "Enregistrer sous ", placez le fichier sur le bureau, et renommez-le. Ici, il est nommé CSS.

利用Dreamweaver CS6在html中插入css的样式

Cliquez sur "Fichier" en haut à gauche pour créer un nouveau "html".

利用Dreamweaver CS6在html中插入css的样式

Saisissez le format de page Web conçu dans

利用Dreamweaver CS6在html中插入css的样式

Retrouvez la petite icône de ce lien dans le coin inférieur droit et sélectionnez-la.

利用Dreamweaver CS6在html中插入css的样式

La page de liens apparaît, cliquez sur le bouton « Parcourir » à l'arrière.

利用Dreamweaver CS6在html中插入css的样式

Trouvez l'endroit où le CSS a été stocké tout à l'heure. L'endroit où il est stocké est le bureau. Cliquez sur le bouton "OK".

利用Dreamweaver CS6在html中插入css的样式

La page suivante apparaîtra.

Avoir le code source et le CSS prouve que vous avez terminé l'insertion du CSS !

利用Dreamweaver CS6在html中插入css的样式

La dernière étape consiste à enregistrer le code HTML complété là où il doit être stocké pour éviter la perte de données.

Notes

Lors de la saisie des données, vous devez les saisir selon la méthode de saisie en anglais.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment utiliser html2canvas pour convertir du code HTML en images

Facile à réaliser avec HTML, CSS et JS Code pour l'interface du menu Web

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!