Box Model: Bordas
Bordas podem ser usadas para muitas coisas, por exemplo, como elemento decorativo ou para servir de linha de separação entre duas coisas. CSS proporciona infinitas possibilidades de uso de bordas na página. Read the rest of this entry »
Definindo margin de um elemento
Um elemento tem quatro lados: right, left, top e bottom (direito, esquerdo, superior e inferior). A margin é a distância entre os lados de elementos vizinhos (ou às bordas do documento). Read the rest of this entry »
Folhas de estilos em cascata — Cascading Style Sheets (CSS) — é uma ferramenta para construção do layout dos seus websites. Permite que você projete websites com uma técnica completamente diferente da convencional e possibilita uma considerável redução de tempo de trabalho. Conhecer CSS é uma necessidade para qualquer um envolvido com o projeto web. Read the rest of this entry »
O box model (modelo das caixas) em CSS, descreve os boxes (as caixas) geradas pelos elementos HTML. O box model, detalha ainda, as opções de ajuste de margens, bordas, padding e conteúdo para cada elemento. Abaixo apresentamos um diagrama representando a estrutura de construção do box model: Read the rest of this entry »
Uma folha de estilo é dita externa, quando as regras CSS estão declaradas em um documento a parte do documento HTML. A folha de estilo é um arquivo separado do arquivo html e que tem a extensão .css
Uma folha de estilo externa é ideal para ser aplicada a várias páginas. Com uma folha de estilo externa , você pode mudar a aparência de um site inteiro mudando um arquivo apenas (o arquivo da folha de estilo). Read the rest of this entry »
Um destes componentes é a navegação em abas. Já está na hora de termos o total controle sobre as abas, que a cada dia se tornam mais populares como um componente primário de navegação no site. Agora que as CSS são bem suportadas, podemos incrementar a qualidade e aparência das abas em nossos sites. Você sabe muito bem que as CSS podem ser usadas para estilizar de muitas maneiras um elemento lista ( link para artigo em inglês: tame a plain unordered list). Talvez você já trenha visto listas estilizadas como abas, parecida com esta mostrada abaixo:
E que tal, se com a mesma marcação usada para a lista acima, pudessemos estilizar de modo a obter as abas mostradas abaixo:
Podemos sim, com simples estilização. Read the rest of this entry »
São usados em CSS, para adicionar efeitos a um seletor, ou a parte de um seletor.
A sintaxe dos pseudo-elementos:
seletor:pseudo-elemento {propriedade: valor;}
As classes em CSS podem também ser usadas com pseudo-elementos.
Esta regra permite que você defina diferentes efeitos para pseudo-elementos localizados em diferentes lugares em uma mesma página.
seletor.classe:pseudo-elemento {propriedade: valor;} Read the rest of this entry »
A propriedade background define as características (os valores na regra CSS) do fundo dos elementos HTML.
As propriedades background são as listadas abaixo:
A propriedade para margens, define um valor para espessura das margens dos elementos HTML.
As propriedades para margens são as listadas abaixo: Read the rest of this entry »
Até agora ainda não fizemos qualquer consideração sobre as dimensões dos elementos com que trabalhamos. Nesta lição veremos como é fácil atribuir uma altura e uma largura para um elemento. Read the rest of this entry »
felipe | 
03 19th, 2010| 