Notions de base de règles de ruban en CSS3
CSS3 a incorporé rrègles de ibbon
Sommaire
Comment faire pour créer la règle de ruban dans CSS3
Génération d'un ruban nécessite que vous spécifiez la couleur et l'espacement à utiliser pour l'élément de ruban. Le choix de la couleur est d'utiliser une séquence généré de façon aléatoire sur la base d'une couleur de base, ou d'utiliser des choix de couleurs spécifiques. L'espacement est soit aléatoire dans la gamme que vous spécifiez, ou une taille spécifique pour chaque choix de couleur.
Les couleurs sélectionnées par l'utilisateur et l'espacement de séquence nécessitent un peu de soin supplémentaire lorsque vous les utilisez. Tout d'abord, assurez-vous que tout hexadécimal valeurs que vous saisissez sont précédés par le signe dièse (#) ou encore le ruban noir apparaîtra lorsque vous générez. Deuxièmement, le choix des couleurs que vous faites apparaîtront exactement dans la séquence vous les faites dans le ruban de sortie.
Si vous prévoyez d'utiliser le ruban d'une manière répétitive, créer une séquence et l'espacement qui travaille ensemble. Les tests montrent que un espacement de 26 fonctionne très bien - vous vous retrouvez avec une séquence même en répétant qui aura fière allure sur la page.
Après avoir effectué vos choix, cliquez sur Générer. Ruban Générateur de règles va créer une règle de ruban pour vous et l'afficher sous la forme. Vous pouvez utiliser le ruban comme il semble, ou faire des changements pour un regard différent. Pour enregistrer le ruban que vous avez créé, cliquez à droite son entrée sur la page et choisissez 'Enregistrer l'image sous dans le menu contextuel. Donnez un nom à l'image et cliquez sur Enregistrer pour terminer l'action.
Comment utiliser la règle de ruban dans CSS3
Vous pouvez utiliser l'image contenant la règle de ruban partout où vous pouvez utiliser toute autre image. Cependant, la plupart des gens vont utiliser la règle de ruban comme partie d'un style. Le code suivant montre un exemple de la façon dont vous pouvez utiliser les règles de ruban créées par cet exemple.
Testez les règles du ruban Testez les règles du ruban
Ceci est la zone 1
Cette zone utilise les paramètres sélectionnés par l'utilisateur.
Ceci est la zone 2
Cette zone utilise les paramètres aléatoires.
Vous pourrez l'utiliser pour créer une règle sur une page. La page contient deux zones. Le premier affiche une règle de ruban créé avec settings- la seconde affiche une règle de ruban créé en utilisant les paramètres aléatoires spécifique à l'utilisateur. Bien sûr, il ya des possibilités infinies en créant des règles de ruban - ces exemples sont simplement représentatifs de ce que vous pouvez faire. La sortie de cet exemple typique est illustré ci-dessous.