CSS
Introdução ao CSS – Parte II
Publicado em: 27/10/2006 |
CSS |
Visualizações: 6.886 |
2 Comentário(s)
Bom meus amigos, continuando a explicação do outro artigo: Introdução ao CSS – Parte I, vou finalizar uma parte dos conceitos do CSS.
Aplicando CSS a fontes
Veremos a seguir alguns comandos do CSS para formatar FONTES.
Font-family: É o comando CSS utilizada para indicar qual a fonte que uma tag ou documento irá mostrar. Em uma aplicação geral de CSS a uma página, a linha de comando parecerá com esta:
Exemplo:
Font-size: É utilizado para definir o tamanho pelo qual as fontes serão apresentadas na tela. Há três formas básicas para definição de tamanho:
Exemplos:
Color: É o comando utilizado para indicar qual cor a ser usada na fonte. Há três principais modos de definir a cor:
Exemplos:
Font-style: Permite selecionar o estilo da fonte. Os valores são:
Exemplos:
Fonte-Weight: Define o Peso da fonte. Pode ser um valor entre 100 e 900 ou um dos valores abaixo:
Exemplos:
Text-Transform: Permite transformar o texto para letras minúsculas ou maiúsculas. Também permite que não se altere a letra.
Exemplos:
Forte Abraço a Todos,
Daniel Guimarães.
Aplicando CSS a fontes
Veremos a seguir alguns comandos do CSS para formatar FONTES.
Font-family: É o comando CSS utilizada para indicar qual a fonte que uma tag ou documento irá mostrar. Em uma aplicação geral de CSS a uma página, a linha de comando parecerá com esta:
Exemplo:
P { font-family: Arial}Font-size: É utilizado para definir o tamanho pelo qual as fontes serão apresentadas na tela. Há três formas básicas para definição de tamanho:
- pontos(pt)
- pixels(px)
- centímetros(cm)
- e outros...
Exemplos:
P { font-size: 20pt }
B { font-size: 20px }
I { font-size: 20cm }Color: É o comando utilizado para indicar qual cor a ser usada na fonte. Há três principais modos de definir a cor:
P { color: #0000FF}
ou
P { color: blue}
ou
P { color: rgb(0, 0, 255)} Exemplos:
P { color: #0033FF}
B { color: blue}
I { color: rgb(255, 0, 255)} Font-style: Permite selecionar o estilo da fonte. Os valores são:
- Normal: Não possui características, a fonte continua no padrão da fonte-base.
- Italic: faz com que o texto seja exibido em itálico
- Oblique: faz com que o texto seja exibido em forma oca
Exemplos:
H1 {font-style: italic}
H2 {font-style: oblique}
P {font-style: normal}Fonte-Weight: Define o Peso da fonte. Pode ser um valor entre 100 e 900 ou um dos valores abaixo:
- extra-bold ( peso de 900 )
- bold ( peso de 700 )
- demi-bold ( peso de 500 )
- normal ( peso de 400 )
- demi-light ( peso de 300 )
- light ( peso de 200 )
- extra-light ( peso de 100 )
Exemplos:
H1 {font-weight: 500}
H2 {font-weight: bold}
P {font-weight: normal}Text-Transform: Permite transformar o texto para letras minúsculas ou maiúsculas. Também permite que não se altere a letra.
- uppercase: ( Maiúsculo )
- lowercase: ( Minúsculo )
- none: ( desfaz as funções anteriores )
Exemplos:
H1 {text-transform: uppercase}
H2 { text-transform: lowercase}
P { text-transform: none} Forte Abraço a Todos,
Daniel Guimarães.
Daniel Guimarães
WebDesigner e Designer Gráfico
» Site do colunista
Todas as matérias de Daniel Guimarães
- Identidade Visual: O que não fazer na criação de um logotipo
Nesse artigo nós veremos o que não deve ser feito na hora de criar um logotipo, . - Conceito Básico Sobre a Matemática
Programadores e desenvolvedores, agora já os internautas. Eu não sei o que dizer. - Miniaturas de Sites com Websnapr
Nesse artigo veremos como criar miniaturas de sites usando apenas um link, ao in. - Palestras, o que aproveitar delas?
Ir a palestras ou assisti-las em seu computador ou qualquer outro dispositivo o . - Curso de Visual Basic - Aula 6 - Criando um visualizador de imagens
Nesta sexta vídeo aula, iremos aprender como criar um visualizador de imagens co.
- Rollover de imagem com CSS
Neste tutorial vou mostrar a você como fazer um rollover de imagem usando css. O. - Criando sombra no CSS
Colocando sombra em um texto na página - CSS - HTML Dinâmico
Alguma vez você decidiu alterar as cores dos link de sua home-page? Que tal alt. - Atributos CSS
Alguns atributos de css e o que eles representam: - Pop Up em CSS
Meu diretor pediu para colocar uma popup em um site nosso, mas não queria coloca.
Publicado em: 05/04/2007 - 13:58
Funções básicas do nosso amigo CSS ficou legal...
Daniel Guimarães
Publicado em: 19/09/2008 - 18:33
Muito Obrigado. Estamos a disposição para ajudar e tirar dúvidas. Abraços...