Mudanças entre as edições de "CSS"
De Babel Digital
(→Links Interesantes) |
(→Links Interesantes) |
||
(Uma revisão intermediária pelo mesmo usuário não estão sendo mostradas) | |||
Linha 4: | Linha 4: | ||
http://pt-br.html.net/tutorials/css/ | http://pt-br.html.net/tutorials/css/ | ||
+ | |||
+ | http://www.designadaptavel.com.br/artigos/layout-fluido-ou-liquido | ||
+ | |||
+ | == Alguns códigos == | ||
+ | |||
+ | A propriedade background | ||
+ | |||
+ | 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 com a tela; | ||
+ | background-position............como e onde a imagem de fundo é posicionada; | ||
+ | background........................maneira abreviada para todas as propriedades; | ||
+ | |||
+ | Valores válidos para as propriedades do fundo | ||
+ | |||
+ | 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 |
Edição atual tal como às 19h32min de 6 de julho de 2012
Links Interesantes
http://www.w3schools.com/css/
http://pt-br.html.net/tutorials/css/
http://www.designadaptavel.com.br/artigos/layout-fluido-ou-liquido
Alguns códigos
A propriedade background
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 com a tela; background-position............como e onde a imagem de fundo é posicionada; background........................maneira abreviada para todas as propriedades;
Valores válidos para as propriedades do fundo
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