http://www.estiloscss.com.br O site do webmaster - Tebleless, estilos CSS e muito mais Wed, 17 Sep 2008 13:45:43 +0000 http://backend.userland.com/rss092 en background-color: código hexadecimal: #FFFFFF código rgb: rgb(255,235,0) nome da cor: red, blue, green...etc transparente: transparent background-image: URL: url(caminho/imagem.gif) background-repeat: não repete: no-repeat repete vertical e horizontal: repeat repete vertical: repeat-y repete horizontal: repeat-x background-attachment: imagem fixa na tela: fixed imagem "rola" com a tela: scroll background-position: x-pos y-pos x-% y-% top left top center top right center left center center center right bottom left bottom center bottom right http://www.estiloscss.com.br/elementos-do-css/valores-validos-para-as-propriedades-do-fundo/ O código da barra de navegação Crie um arquivo no qual você pretende adicionar a barra de navegação. Vamos chamá-lo "barNav.html". Construiremos uma barra de navegação com três links dispostos em linha, um após o outro. Óbvio isso né? Afinal trata-se de uma barra ... http://www.estiloscss.com.br/dicas/barra-de-navegacao-com-css/ Esse artigo é uma tradução de alguns trechos que explica o Nifty Corners criado pelo Alessandro Fulciniti. O Nifty Corners é uma combinação de CSS e Java script para gerar cantos arredondados sem a necessidade de imagens. A técnica é composta de quatro elementos essenciais e que juntos pesam menos de 6kb: 1. Arquivo CSS ... http://www.estiloscss.com.br/dicas/cantos-arredondados-com-css-e-java-script-sem-a-utilizacao-de-imagens/ A propriedade list define as características (valores) das listas HTML. As propriedades list são as listadas abaixo: list-style-image............. imagem como marcador da lista; list-style-position..........onde o marcador da lista é posicionado; list-style-type...............tipo do marcador da lista; list-style........................maneira abreviada para todas as propriedades; Valores válidos para as propriedades do lista list-style-image: none URL: url(caminho/marcador.gif) list-style-position: outside: marcador ... http://www.estiloscss.com.br/elementos-do-css/a-propriedade-list/ 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/ 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/ 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/ As margens nos elementos HTML A propriedade para margens, define um valor para espessura das margens dos elementos HTML. As propriedades para margens são as listadas abaixo: margin-top..........define a margem superior; margin-right........define a margem direita; margin-bottom.......define a margem inferior; margin-left.........define a margem esquerda; margin..............maneira abreviada para todas as margens Valores válidos para a propriedade margin auto: ... http://www.estiloscss.com.br/elementos-do-css/o-elemento-margin/ Para definir estilos em seções reduzidas de uma página se utiliza a etiqueta <SPAN>. Com seu atributo style indicamos em sintaxe CSS as características de estilos. Vemos com um exemplo, colocaremos um parágrafo onde vamos visualizar determinadas palavras na cor verde <p> Isto é um parágrafo com várias palavras ... http://www.estiloscss.com.br/dicas/css-em-pequenas-partes-da-pagina/ Guia rápido de referência para estilos CSS (baseado em MSDN e WC3 CSS) Font | Color and Background | Text | Box | Classification | Positioning | Printing | Pseudo - Font Properties Propriedades Valores Válidos Exemplo Herdado font-family [font name or type] font-family: Verdana, Arial; Y font-style normal | italic font-style:italic; Y font-variant normal | small-caps font-variant:small-caps; Y font-weight normal | bold font-weight:bold; Y font-size [ xx-large | x-large | large | medium | ... http://www.estiloscss.com.br/guias/guia-de-referencia-css/