5.1 O atributo de estilo de uma tag
E mais algumas coisas úteis sobre HTML. À medida que a Web começou a ganhar popularidade, houve uma demanda crescente por páginas da Web com design bonito ou muito bonito. Este problema foi resolvido usando o style .
A forma geral deste atributo tem o seguinte formato:
<tag style="name=value;name2=value2;nameN=valueN">
O valor do atributo, separado stylepor ponto e vírgula, lista todos os "estilos" que precisam ser aplicados à tag.
Digamos que você queira exibir uma imagem como um quadrado 100*100e também torná-la meio transparente. Para fazer isso, você precisa adicionar estilos especiais a ele:
- largura=100px;
- altura=100px;
- opacidade=0,5;
Então o código HTML com esta imagem ficará assim:
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
Existem centenas, senão milhares, de estilos. E os desenvolvedores de navegadores estão constantemente criando novos. Que bom que você está estudando para ser um desenvolvedor Java, não um web designer :)
5.2 Estilos populares de CSS
É improvável que você escreva muito código HTML ou edite seus estilos em sua vida, mas tudo pode acontecer. Por exemplo, você está escrevendo algumas pequenas páginas HTML para testar o API. Portanto, conhecer os estilos básicos HTMLpode ser útil.
Abaixo estão os 10 mais comuns para desenvolvedores de back-end:
| # | Nome | Exemplo | Descrição |
|---|---|---|---|
| 1 | largura | largura: 100 px | largura do elemento em pixels |
| 2 | altura | altura: 50% | altura do elemento como uma porcentagem (da largura do pai) |
| 3 | mostrar | Mostrar nenhum | elemento de exibição (não exibir elemento) |
| 4 | visibilidade | visibilidade: oculto | visibilidade do elemento (o elemento está oculto, mas o espaço é reservado para ele) |
| 5 | cor | cor vermelha; | cor do texto |
| 6 | cor de fundo | cor de fundo: fumaça | cor de fundo |
| 7 | fronteira | borda: 1px preto sólido; | borda (largura 1px, cor preta, linha sólida) |
| 8 | Fonte | fonte: verdana 10pt | fonte: verdana, tamanho 10pt |
| 9 | alinhamento de texto | alinhamento de texto: centro; | alinhamento de texto horizontalmente |
| 10 | margem | margem: 2px | preenchimento fora do elemento |
Você não precisa se lembrar dessas tags, tudo está na Internet. Além disso, cada "estilo" possui seu próprio conjunto de valores válidos e seu próprio formato para descrever o valor. Olhe pelo menos para borderou font.
GO TO FULL VERSION