Maison > interface Web > tutoriel CSS > Comment écrire du CSS avec le bloc-notes

Comment écrire du CSS avec le bloc-notes

anonymity
Libérer: 2019-05-28 13:22:10
original
7216 Les gens l'ont consulté

Comment écrire du CSS avec le bloc-notes ? Voici les étapes détaillées

Comment écrire du CSS avec le bloc-notes

Étapes :

1 , Ouvrez le programme Notepad sous Windows

2. Entrez le code CSS dans Notepad

3. Cliquez sur le menu "Fichier" ---> Une boîte de dialogue apparaîtra, enregistrez le document ci-dessus en tant que document CSS avec le suffixe "*.css", tel que my_firstcss.css

. Il convient de noter que le suffixe du fichier enregistré par le Bloc-notes est "*. txt" par défaut, donc le nom du fichier doit être placé entre guillemets doubles anglais ("").

4. Double-cliquez sur le document CSS enregistré et Windows appellera automatiquement le logiciel de navigation (tel que IE) pour ouvrir le document CSS

Code de cas :

Nouveau fichier Bloc-notes, ouvrez le Bloc-notes, utilisez CSS pour modifier la page Web, ajoutez simplement l'instruction CSS à utiliser dans , ajoutez dans Ajoutez simplement l'instruction pour utiliser l'attribut CSS dans la zone de contenu .

Par exemple :

<html>
<head>
<title>my first text html</title>
<style type="text/css">
body{
font-size:30px;
font-family:Arial,Helvetica,sans-serif;
}
</style>
</head>
<body>
welcome to my first text html!
</body>
</html>
Copier après la connexion

Afficher les résultats : (La police du texte est Arial, la taille de la police est 30px)



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