http://www.estiloscss.com.br O site do webmaster - Tebleless, estilos CSS e muito mais Fri, 19 Mar 2010 14:03:27 +0000 http://backend.userland.com/rss092 en 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. A espessura das bordas [border-width] A espessura das bordas é definida pela propriedade border-width, que pode ... http://www.estiloscss.com.br/dicas/box-model-bordas/ 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). Vamos começar com um exemplo mostrando como definir margins para o documento, ou seja, ... http://www.estiloscss.com.br/elementos-do-css/box-model-margin-e-padding/ 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 ... http://www.estiloscss.com.br/dicas/introducao-css/ W3C é a sigla para World Wide Web Consortium, uma organização independente que gerencia as normas para codificação na Internet (isto é, HTML, CSS, XML e outros). Microsoft, Fundação Mozilla e muitas outras organizações são membros do W3C e formam um consenso sobre o futuro ... http://www.estiloscss.com.br/dicas/web-standards-e-validacao/ O box model 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: O box ... http://www.estiloscss.com.br/elementos-do-css/o-box-model/ Folha de estilo externa 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 ... http://www.estiloscss.com.br/elementos-do-css/vinculando-folhas-de-estilo-a-documentos/ Uma das vantagens das CSS raramente explorada é a possibilidade de se criar imagens de fundo em camadas, e fazer com que elas deslizem umas sobre as outras criando efeitos bem interessantes. As CSS2 permitem que somente uma imagem de fundo possa ser colocada em um elemento HTML. Para muitos ... http://www.estiloscss.com.br/elementos-do-css/portas-corredicas-com-css/ Sintaxe 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;} ... http://www.estiloscss.com.br/elementos-do-css/pseudo-elements/ CSS Links CSS possibilita definir uma variedade infinita de layouts e efeitos para um link ou um conjunto de links. O limite é a sua imaginação! Um link visitado, não visitado, ativo ou no estado hover (quando você passa o mouse sobre ele) pode assumir aspectos (cores, fundos, etc...) diferentes através de CSS. Abordarei ... http://www.estiloscss.com.br/dicas/css-links/ O fundo dos elementos HTML 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: background-color............... cor do fundo; background-image............. imagem de fundo; background-repeat............. maneira como a imagem de fundo é posicionada; background-attachment.......se a imagem de fundo "rola" ou não ... http://www.estiloscss.com.br/elementos-do-css/css-background/