Appliquer des styles

Laissez-nous définir et appliquer des styles au texte et aux images. Dans la même feuille de style, (car ils s'appliquent sur le nouveau site soi-disant) va créer un

Nouvelle règle de styles:

Nous allons commencer avec des photos:

1

Dans la catégorie Boîte, nous avons attribué les valeurs suivantes:

2

Laissez la catégorie des frontières et mettre ces autres:

3

Insérer une image, sélectionnez-le et appliquez le nouveau style, tout comme nous l'avons fait avec les autres, ce sera l'effet:

4

etc.. Jouer à modifier les paramètres, couleurs, etc, et même si nous sommes de voir chaque image avec une bordure différente, un effet différent, il serait de créer d'autres styles. Img2,. Img3 etc .. Nous pouvons dupliquer un style comme ceci:

6

Maintenant nous ouvrons pour changer les valeurs.

Changer la couleur de bordure et de l'effet de solide et la couleur # CC3300 En boîte, mettre quelques valeurs qui sont complètement mélangés. La logique est d'être symétrique, de sorte que l'image est parfaitement cadrée en eux, mais parfois, si elle est insérée au milieu d'un texte, vous voudrez peut-être d'avoir plus d'espace sur un côté que de l'autre.

Pour ainsi, nous voyons qu'il peut aussi faire ;)

7

Voir des exemples ici

Nous allons maintenant créer un style pour les paragraphes:

8

Nous avons commencé à définir le type de police, la couleur, taille, épaisseur, on peut choisir gras, plus sombre, etc ... Je laisse à votre choix:

9

Nous pouvons définir une couleur de fond pour l'ensemble du paragraphe:

10

Dans la catégorie Bloc:

L'alignement du texte, indentation, etc, etc ...

11

Dans le tableau, remplissant l'espace entre le texte et laisser la cellule qu'il occupe. Et la marge comme avant l'image peuvent être des valeurs différentes en fonction de nos besoins, je mets l'égal de remplissage pour tous et que la marge de droite:

12

Et enfin, nous ajoutons bord:

13

Voir ici l'exemple

, .tex2 , etc. Si vous voulez d'autres paragraphes, différentes, créerait plus de styles. Parrafos2, ou. Tex Tex2, etc. etc .. Combiner les deux styles précédents? Insérer une image dans le paragraphe que nous avons mis en place et nous avons appliqué le style:

Mais d'abord il faut savoir une chose, (je pense même pas l'expliquer)

Pas vous, mais je l'une des choses que j'ai faites 'querelle' dans la Parole, était de créer un document de magazines de style ou de journaux. Ces colonnes où est une photo et le texte semble lui convenir.

Lorsque vous insérez une photo ensemble, (ou milieu) pour un texte, on se retrouve avec:

14

Ou ceci:

5

Ceci est parce que dans la réalité, est pris en compte comme un caractère nouveau, qui est ce qui définit l'espace entre les lignes de caractères ;)

Eh bien, pour le faire car nous voulions, c'est à dire, que le texte, il convient, juste pour vous donner un alignement d'image correcte. Sélectionnez-le et:

16

Nous restons comme ceci:

17

a ver Mais dans ce cas, il n'est pas ce que nous voulions car il est compatible uniquement avec une ligne (Ceci est très bonne avec des images très fines) de changer l'alignement à gauche ou à droite pour voir ;)

18

Maintenant, si! J'ai mis mon aligné à gauche!

Il se peut que, ce faisant, le rêve, ce que vous voyez avec le texte en surimpression sur l'image, mais si comprobáis va ressembler dans le navigateur, comme vous le verrez, qui montre un aperçu.

Maintenant, pour définir la frontière à l'image, vous appliquez le style Img2.:

19

et le texte aussi maintenant appliquer les paragraphes de style:

20

Et maintenant que si on veut ;)

Vous voyez, il ya beaucoup de choses que nous pouvons faire avec les styles, mais c'est un long et pourquoi nous l'avons vu très peu de surcharge.

Nous allons voir un couple de plus de choses et nous quittons ce sujet pour l'instant et il?

Dans le Statut, aura vu que beaucoup de mots j'ai l'habitude de le mettre en gras, pour l'amélioration et vous remarquez que vous êtes-dire important à considérer.

Eh bien ne pas mettre un fort, un label qui va parfois par le test de 3W et d'autres non, j'ai créé un style qui est appliqué à ces mots à chaque fois que vous le jugerez bon.

Le nom est, par exemple, des mots-clés ou ce qui est égal à Pclave et tout ce que vous avez défini ce style est d'être le gras.:

21

Pour les titres que j'ai un autre style, qui changent la police Times New Roman pour être plus décoratif que Verdana, taille, etc ...

Titres.

22

Et une chose, Molona les liens, que vous avez vu quelque part que cela va pulsaralos,

ou déplacez la souris sur eux, les lettres sont séparées, ou flash.

Pour créer cet effet, sélectionnez le style que vous mettez au début:

23

Cliquez sur l'icône crayon pour éditer et tapez:

24

Marquez clignotant.

Bloquer, l'espacement entre les lettres, mis un certain nombre, en pixels, vous pouvez tester les points,

mais peut-être trop ;)

25

et une chose importante, ce style est appliqué à tous par lui-même tous les liens que vous pour aller dans la création de documents qui vinculéis ce style, qui est, cette feuille de style.

Je pense que je l'ai dit avant, maintenant assez de styles, non?

La vérité est que j'ai eu à digérer lentement, maintenant, de faire des tutoriels, je viens de comprendre beaucoup mieux, ne pense pas que j'ai le «pouvoir». Mais comme beaucoup d'autres choses, aller à les connaître, me fait aller la réalisation du potentiel et pour ainsi dire, à «les aimer» encore plus.

Répondre