Accueil Médias sociaux Création de styles avec sélecteurs de classe et d'ID dans Dreamweaver - mannequins

Création de styles avec sélecteurs de classe et d'ID dans Dreamweaver - mannequins

Table des matières:

Vidéo: TUTO CSS - #7 Regroupement d'éléments avec span et div 2025

Vidéo: TUTO CSS - #7 Regroupement d'éléments avec span et div 2025
Anonim

Les sélecteurs de classe et d'ID de Dreamweaver présentent de nombreuses similitudes et une différence clé. Les styles d'ID ne peuvent être utilisés qu'une seule fois par page, mais les styles de classe peuvent être utilisés autant de fois sur la même page que vous le souhaitez.

Les styles de classe et d'ID présentent les similitudes suivantes:

Vous pouvez nommer les styles créés avec les sélecteurs de classe et d'ID comme vous le souhaitez. Vous ne devez pas inclure d'espaces ou de caractères spéciaux dans les noms de style, bien que le trait de soulignement et le tiret soient corrects. L'utilisation de toutes les minuscules est une pratique courante mais non obligatoire.

Vous pouvez appliquer des styles de classe et d'ID à n'importe quel élément d'une page, mais ils sont généralement appliqués aux en-têtes, balises div, balises de liste non ordonnées, balises de paragraphe, balises d'image et HTML5 Mots clés.

L'utilisation de styles créés avec le sélecteur de classe et d'ID est un processus en deux étapes. D'abord, vous créez un nouveau style en utilisant le sélecteur de classe ou d'ID et lui donnez un nom; Ensuite, vous appliquez le style à un élément de la page.

Pour définir un nouveau style de classe ou d'ID, créez et enregistrez un nouveau document ou ouvrez un fichier existant, puis procédez comme suit:

1Si vous définissez un nouveau style, vous voulez appliquer à un élément existant, cliquez pour placer votre curseur sur l'élément que vous souhaitez mettre en forme avec le nouveau style.

Bien que cette étape ne soit pas requise (vous pouvez créer des styles pour des éléments qui ne sont pas encore sur la page), Dreamweaver crée automatiquement des noms de sélecteur basés sur l'élément de page actuellement sélectionné par votre curseur.

2Dans le panneau Sélecteurs du panneau Concepteur CSS, sélectionnez le nom de la feuille de style à laquelle vous souhaitez ajouter le nouveau style.

Si vous souhaitez cibler le style sur un type de support ou une taille d'écran spécifique, définissez une requête multimédia dans le panneau @Media.

Si vous ne spécifiez pas de requête multimédia, Dreamweaver utilisera la propriété Global et votre style fonctionnera dans tous les formats de média et tailles d'écran.

3 Dans le panneau Sélecteurs, cliquez sur le signe plus (+).

Un nouveau sélecteur est ajouté au panneau Sélecteurs. Dreamweaver a ajouté un nom de sélecteur composé, qui inclut tous les styles déjà appliqués au titre sur lequel votre curseur reposait lorsque vous avez commencé à définir le style.

4 Double-cliquez sur le nom du sélecteur et modifiez-le ou remplacez-le par le nom que vous souhaitez utiliser pour votre style.

Vous pouvez nommer les styles de classe et d'ID comme vous le souhaitez, à condition de ne pas utiliser d'espaces ou de caractères spéciaux autres que le trait d'union (-) ou le trait de soulignement (_).

Si vous souhaitez créer un style à l'aide du sélecteur de classes, vous devez commencer le nom du style par un point ou une période.Si vous souhaitez utiliser le sélecteur d'ID, le nom du style doit commencer par un signe dièse (#).

5Dans le panneau Propriétés, spécifiez les paramètres de votre règle de style.

Les sélecteurs de classe et d'ID sont faciles à appliquer au contenu après leur création, car Dreamweaver ajoute ces styles aux listes déroulantes Classe et ID de l'inspecteur des propriétés, situé en bas de l'espace de travail.

Création de styles avec sélecteurs de classe et d'ID dans Dreamweaver - mannequins

Le choix des éditeurs

Principes de base du protocole de routage IP Multicast - dummies

Principes de base du protocole de routage IP Multicast - dummies

IP Le routage multicast est le routage du trafic multicast. La nature des données IP Multicast est telle qu'elle a ses propres problèmes de routage de réseau Cisco. Il existe quatre protocoles de multidiffusion principaux pris en charge par le Cisco IOS actuel. L'illustration vous montre approximativement où les protocoles sont utilisés; Ce qui suit est ...

Comment le protocole STP (Spanning Tree Protocol) gère les modifications du réseau - dummies

Comment le protocole STP (Spanning Tree Protocol) gère les modifications du réseau - dummies

Nouveau concentrateur ou passer à un réseau mappé STP (Spanning Tree Protocol)? Pour cet exemple, un concentrateur était connecté à un port sur les deux commutateurs 11: 99 et 77: 22. Un concentrateur était utilisé car il ne disposait pas d'une intelligence réseau. L'effet net est en fait le même que ...

Types de réseau local (LAN) - nuls

Types de réseau local (LAN) - nuls

Un WAN est un type de réseau local (LAN) . Un réseau local est un réseau privé généralement constitué d'une connexion réseau fiable, rapide et bien connectée. Les alternatives sur le framework LAN incluent CAN, MAN et WAN. Ces trois options de réseau sont illustrées ci-dessous: CAN Si vous utilisez le réseau LAN ...

Le choix des éditeurs

Bebo est l'application de médias sociaux pour vous? - les nuls

Bebo est l'application de médias sociaux pour vous? - les nuls

Comment savez-vous quel est le bon média social pour vous? La culture moderne devient de plus en plus dépendante des médias sociaux tels que Bebo, Facebook, Twitter et What'sApp, ainsi que de nombreux autres. Le questionnaire suivant vous aidera à déterminer si vous avez ou non ce qu'il faut pour être social sur le nouveau ...

Comment utiliser Bebo - dummies

Comment utiliser Bebo - dummies

Bebo, la nouvelle application des médias sociaux, est aussi facile à utiliser que C'est amusant à regarder. Vous pouvez obtenir cette nouvelle application sur Google Play Store et Apple App Store. Lancez Bebo et suivez les instructions à l'écran pour terminer le processus de création de compte. Après avoir téléchargé avec succès, ...

Le choix des éditeurs

Ce que vous pouvez trouver dans une barre latérale de blog - des mannequins

Ce que vous pouvez trouver dans une barre latérale de blog - des mannequins

La plupart des blogs contiennent du matériel de barre latérale. La plupart des blogs sont disposés en deux ou trois colonnes, et le contenu de la barre latérale apparaît généralement dans les deuxième et / ou troisième colonnes. Certains blogs n'ont pas de barres latérales, et sur d'autres blogs, vous pouvez découvrir des éléments supplémentaires au-delà de ce que vous voyez ici. Archives basées sur la date: Presque tous les blogs sont ...

Lorsqu'un réseau publicitaire est approprié pour votre blog maman - les mannequins

Lorsqu'un réseau publicitaire est approprié pour votre blog maman - les mannequins

Ne sont que quelques-unes modèles conflit en cours d'exécution des publicités avec vos meilleurs intérêts. C'est quand vous bloguez pour vendre vos propres produits ou pour promouvoir vos services professionnels. Même dans ce cas, il est toujours possible de diffuser des annonces sur ces blogs, surtout si les annonces font la promotion de produits et de services complémentaires et non concurrents. Mais si vous êtes ...

Quand maman blogue pour Swag is Okay - les mannequins

Quand maman blogue pour Swag is Okay - les mannequins

Dans certaines circonstances légitimes vous pouvez vous sentir travailler gratuitement vaut votre temps et la publicité que vous offrez à une marque. Cela peut être comparé à un stage non rémunéré. Si vous êtes stagiaire et que vous avez une excellente expérience de travail, alors c'est une entreprise précieuse. Si vous êtes stagiaire et que vous ne versez que du café et que vous livrez ...