Aplicar estilos

Vamos definir e aplicar estilos de texto e imagens. Na mesma folha de estilo, (desde que eles se aplicam ao novo site supostamente) vai criar um

Nova regra de estilos:

Vamos começar com fotos:

1

Na categoria Box, que atribuído estes valores:

2

Deixe a categoria de Fronteiras e colocar esses outros:

3

Inserir uma imagem, selecionar e aplicar o novo estilo, assim como fizemos com os outros, este será o efeito:

4

etc.. Jogue para alterar as configurações, as cores etc, e mesmo se estamos a ver cada imagem com um contorno diferente, um efeito diferente, seria criar outros estilos. Img2. Img3 etc .. Nós podemos duplicar um estilo parecido com isto:

6

Agora vamos abrir para alterar os valores.

Alterar a cor da borda eo efeito de sólido e cor # CC3300 Na caixa, colocar alguns valores que são completamente misturados. A lógica é ser simétrico, de modo que a imagem está perfeitamente enquadrado nos mesmos, mas às vezes, se inserido no meio de um texto, você pode querer ter mais espaço em um lado do que outro.

Porque assim nós vemos que ele também pode fazer ;)

7

Veja os exemplos aqui

Vamos agora criar um estilo para os parágrafos:

8

Começamos a definir o tipo de fonte, cor, tamanho, espessura, podemos escolher negrito, mais escuro, etc ... Deixo a sua escolha:

9

Podemos definir uma cor de fundo para todo o parágrafo:

10

Na categoria de bloco:

Alinhamento do texto, recuo, etc, etc ...

11

Na Tabela, preenchendo o espaço entre o texto e deixam a célula que ocupa. E a margem de antes da imagem podem ser valores diferentes de acordo com nossas necessidades, eu coloquei o enchimento igual para todos e apenas a margem direita:

12

E, finalmente, adicionar borda:

13

Veja aqui o exemplo

, .tex2 , etc. Se você quiser outros parágrafos, diferentes, iria criar mais estilos. Parrafos2, ou. Texas Tex2, etc. etc .. Combinar os dois estilos anteriores? Inserindo uma imagem no parágrafo temos colocado e temos aplicado o estilo:

Mas primeiro precisamos saber uma coisa, (acho que nem mesmo explicá-la)

Não você, mas eu uma das coisas que eu fiz 'briga' no Word, era criar um estilo de documento revistas ou jornais. Essas colunas, onde está uma foto eo texto parece se adequar a ela.

Ao inserir uma foto juntos, (ou meio) a um texto, ficamos com:

14

Ou este:

5

Isto é porque, na realidade, é levado em conta como um personagem novo, que é o que define o espaço entre linhas de caracteres ;)

Bem, para torná-lo como queríamos, ou seja, que o texto se ajusta a ela, apenas para dar-lhe um alinhamento de imagem adequada. Selecione-o e:

16

Ficamos assim:

17

a ver Mas neste caso, não é o que queríamos, pois só cabe uma linha (Esta é muito bom, com imagens muito pequenas) alterar o alinhamento para a esquerda ou direita para ver ;)

18

Agora se! Eu coloquei minha alinhado à esquerda!

Pode ser que ao fazê-lo, o sonho, o que você vê com o texto sobreposto à imagem, mas se comprobáis olhará como no navegador, como você verá que está mostrando um instantâneo.

Agora, para definir a fronteira para a imagem, você poderia aplicar o estilo img2.:

19

eo texto também, agora, aplicar os parágrafos de estilo:

20

E agora, como se se quer ;)

Você vê, há muitas coisas que podemos fazer com os estilos, mas é um longo e por isso que temos visto muito pouca sobrecarga.

Vamos ver algumas coisas mais e nós deixamos este tópico e agora?

No Estatuto, terá visto que muitas palavras eu costumo colocá-lo em negrito, para a valorização e você percebe que você está dizer importante a considerar.

Bem, não para colocar um forte, um rótulo que às vezes passa pelo teste de 3W e ​​outros não, eu criei um estilo que se aplica a essas palavras toda vez que você pensar o ajuste.

O nome é, por exemplo, palavras-chave ou o que é igual a Pclave e tudo que você tiver definido esse estilo é ser a negrito.:

21

Para os títulos que eu tenho um outro estilo, que altere a fonte para Times New Roman para ser mais decorativo do que Verdana, tamanho, etc ...

Títulos.

22

E uma coisa Molona, ​​os links, com certeza você já viu em algum lugar que vai pulsaralos,

ou mover o mouse sobre elas, as cartas são separadas, ou flash.

Para criar esse efeito, selecione o estilo que você colocou no início:

23

Clique no ícone do lápis para editar e digitar:

24

Marque a piscar.

Block, espaçamento entre as letras, colocar um número, em pixels, você pode testar pontos,

mas talvez demasiado ;)

25

e uma coisa importante, esse estilo é aplicado sobre tudo por si mesmo todos os links que você para ir na criação de documentos que vinculéis este estilo, ou seja, esta folha de estilo.

Acho que como eu disse antes, agora bastante de estilos, não?

A verdade é que eu tive de digerir lentamente, agora, fazendo os tutoriais, eu vim a entender muito melhor, não acho que tenho o 'can'. Mas, como muitas outras coisas, vai conhecê-los, faz-me ir todos percebendo o potencial e, por assim dizer, a "amá-los" ainda mais.

Responder