Assinar Feeds - 281 leitores
01 May 2006
Monday # 16:07 539 palavras Arquivado em: Css, Tutoriais Por tamara

Algumas pessoas encontram dificuldade em alterar o css de outros tutoriais como, menu de navegação, tabela de editar posts, etc, coloquei aqui os atributos mais usados. Use como um guia.

color – cor do texto » exemplo: #000000
font-family – tipo da fonte » exemplo: arial, tahoma, etc…
font-size – tamanho da fonte » exemplo: 10px, 12px, etc…
font-style – estilo da fonte » exemplo: italic, oblique, normal
font-weight – largura da fonte » exemplo: bold

line-height – altura da linha » exemplo:12px, 15px, etc…
text-align – alinhamento do texto » exemplo:center (centro), left (esquerda), right (direita) e justify (justificar)
text-decoration – decoração do texto » exemplo: none (nenhuma), underline (sublinhado) overline (sobrelinhado) e line-through (tachado)
text-transform – forma do texto » exemplo: capitalize (primeira letra maiúscula), uppercase (todas as letras maiúsculas) e lowercase (todas as letras minúsculas)
text-indent – recuo do texto » exemplo: 10px, 12px, etc…
letter-spacing – espaço entre as letras » exemplo: 2px, 3px, etc..
word-spacing – espaço entre as palavras » exemplo: 2px, 3px, etc..

background-color – cor do fundo » exemplo: #FFFFFF
background-image – imagem de fundo » exemplo: url (http://www.endereço.com/fundo.gif)
background-positon – posição do background » exemplo: left, right, center, top, bottom, etc…
background-repeat – repetir background
background-no-repeat – não repetir background
background-repeat-x – repetir background na horizontal
background-repeat-y – repetir background na vertical

margin – tamanho das 4 margens » exemplo: 5px, 10px, etc…
margin-left – margem à esquerda » exemplo: 5px, 10px, etc…
margin-right – margem à direita » exemplo: 5px, 10px, etc…
margin-top – margem em cima » exemplo: 5px, 10px, etc…
margin-bottom – margem em baixo » exemplo: 5px, 10px, etc…

padding distância entre as 4 bordas e o texto » exemplo: 3px, 5px, etc…
padding-left – distância entre a borda e o texto à esquerda » exemplo: 3px, 5px, etc…
padding-rigth – distância entre a borda e o texto à direita » exemplo: 3px, 5px, etc…
padding-top – distância entre a borda e o texto acima » exemplo: 3px, 5px, etc…
padding-bottom – distância entre a borda e o texto abaixo » exemplo: 3px, 5px, etc…

border-color – cor da borda » exemplo: #000000
border-style – estilo da borda » exemplo: none (nenhuma), dotted (pontilhado), solid (sólida), double (dupla), etc…
border-width – tamanho da borda » exemplo: 1px, 2px etc… ou 90%, 100%, etc…

float – alinha o elemento, fazendo com o que o texto fique ao redor dele » exemplo:left e right

width – define largura » exemplo: 10px, 20px, etc… ou 90%, 100%, etc…
heigth – define altura » exemplo: 10px, 20px, etc… ou 90%, 100%, etc…

vertical-align – alinhamendo vertical – » exemplo: middle (no meio), bottom ( abaixo), top (acima).







Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas, divulgações, perguntas e de quem não leu o post, não serão aprovados. Dúvidas só serão respondidas na página de perguntas e respostas. Obrigada.




38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 22 21 20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1


2 Comentários em “Principais Atributos” -


vanessa 13-12-2009 - 20:41

tami, notei que no seu blog o cursor dele quando clica em algum lugar aparece uma interrogaçãozinha do lado né? é só por cursor: pointer; no css ao invés de cursor: help; 1 que daí aparece aquela maozinha! beijos 38

. wp_ozh_getCountryName(0,$comment->comment_author_IP) . Responder comentário  

tamara 14-12-2009 - 14:25

vanessa em December 13, 2009 às 8:41 pm disse:

tami, notei que no seu blog o cursor dele quando clica em algum lugar aparece uma interrogaçãozinha do lado né? é só por cursor: pointer; no css ao invés de cursor: help; 1 que daí aparece aquela maozinha! beijos 38

Eu não gosto da mãozinha, por isso que mudei ;)

. wp_ozh_getCountryName(0,$comment->comment_author_IP) . Responder comentário