" .
4 Cliquez sur le bouton " Modifier la règle " dans le panneau Propriétés. Cela ouvre la boîte de dialogue Règle CSS New où vous nommez votre nouvelle règle de style et de définir son comportement.
5
Cliquez sur le "Type Sélection" déroulante. Il ya quatre options de cette goutte à goutte , qui ont des noms descriptifs expliquant ce qu'ils font. Par exemple, "Classe ( peut s'appliquer à n'importe quel élément HTML ) " vous permet de créer une classe de style que vous pouvez appliquer à n'importe quel texte dans le document. "Composé ( en fonction de votre choix ) " vous permet de créer une classe de style basé sur le texte sélectionné avant de cliquer sur «Modifier la règle . "
6
Cliquez dans le champ " Nom du sélecteur " et tapez le nom de votre section. Selon le type de sélection que vous avez choisi à l'étape précédente , certains types de règles de style exigent les conventions de nommage spécifiques. Par exemple, "Classe ( peut s'appliquer à n'importe quel élément HTML ) " exige que le nom du style démarre avec un point (. ) . Donc, si vous définissez un style de titre , par exemple , vous pouvez nommer le titre de premier niveau " . H1. " Vous pouvez nommer le corps du texte . " Corps " . Dreamweaver vous demandera si votre convention de nommage est faux, et de vous fournir une explication sur la façon de nommer le style .
7
Cliquez sur la " Définition d'une règle " déroulant et choisissez comment vous voulez que Dreamweaver appliquer le style . Il ya deux options: " Ce document ne " crée les balises de style dans l' en-tête HTML de la page courante . Les styles sont disponibles que pour cette page. "(New fichier feuille de style ) " crée un fichier CSS externe ( . Css ) .
La puissance de CSS est que vous pouvez formater plusieurs pages --- un site entier --- basé sur le même ensemble de règles CSS . Ce résultat est obtenu avec les fichiers CSS externes. Si vous choisissez "(New fichier feuille de style ) , " lorsque vous cliquez sur "OK" dans cette boîte de dialogue , Dreamweaver vous invite à nommer le fichier CSS. Si vous utilisez un seul fichier CSS pour l'ensemble du site , la convention de dénomination standard est « styles.css . " Cependant, un site peut avoir plusieurs feuilles de style --- un des en-têtes , pieds de page, un autre pour les barres latérales . Donnez à vos fichiers CSS des noms significatifs .
Après avoir créé votre premier fichier CSS externe , la prochaine fois que vous ouvrez une nouvelle règle CSS, le fichier s'affiche dans la définition de règle déroulante. Lorsque vous créez un autre style, assurez-vous que vous ajoutez dans le fichier CSS externe approprié .
8
Cliquez sur "OK" pour afficher le " Définition des règles CSS pour ... " boîte de dialogue . C'est là que vous formatez votre style , tels que la police , la taille , le style (gras, italique ) , la couleur . Les options sont nombreuses ici , permettant la mise en forme assez complexe , y compris les zones de texte , d'origines et de nombreux autres choix de mise en forme . Définir la mise en forme souhaitée pour ce style, puis cliquez sur "OK".
9
répéter ce processus pour créer des règles de style supplémentaires . Pour appliquer un style à un bloc de texte , cliquez simplement dans le paragraphe, puis choisissez le style désiré à partir de la «règle ciblée " déroulant dans le panneau Propriétés.
< Br >
