1 comentário

CSS – Folha de estilos

Uma folha de estilos é bem simples, ela é uma página contendo definições ou variações  de estilos, que instrui o navegador como apresentar os diferentes elementos de uma página.

Para simplificar, Você pode começar construindo sua folha de estilos dentro da própria página Web. Mais adiante você descobrirá que pode ter sua folha de estilos em um ‘arquivo externo de estilos’ que pode ser ‘chamado’ por várias páginas, com a grande vantagem de se poder controlar através de um arquivo mestre, os estilos de todas as páginas que lincam para ele.

Os estilos que iremos usar serão definidos dentro do par de tags <head>…</head> como mostrado a seguir…

<style type=”text/css” title=”mystyles” media=”all”>

<!–

–>

</style>

Note o par de tags <style>…</style>  e irei explicar mais algumas coisas contidas neste par de tags.

type=”text/css” diz ao navegador que estamos usando um arquivo de texto puro para descrever nossos estilos, nada de especial aqui.

title=”mystyles” tem por finalidade identificar seus estilos através de um nome de sua livre escolha.

Agora as coisas começam a ficar interessantes, abaixo alguns exemplos para configurar sua folha de estilo.

  • media=”all” => todas as mídias, que tem propósitos gerais.
  • Media=”screen” =>Descreve como a página será apresentada na tela de um computador
  • Media=”print” => formata sua página para impressão.

Aqui vai mais alguns exemplos para configurar sua folha de estilos, e nos proximos post estarei falando sobre eles.

  • Au. = Aural media
  • Br. = Braille media
  • Em. = Embossed media
  • Hh. = Handheld media
  • Tt. = TTY (teletype) media
  • TV = TV (television) media

 

Os caracteres <!– e –> você verá os textos somente na marcação do código. Isto é chamado de  ‘comentario’, e uma vez que os estilos estão dentro da seção <head>…</head> do documento, e eles não irão aparecer na apresentação.

nos próximos post mostrarei como pernonalizar mais sua folha de estilos.

About these ads

Um comentário em “CSS – Folha de estilos

  1. Então é um inicio muito bom para quem está inciando por completo no CSS como eu. Obrigado pelo Post

    Curtir

Gostou Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

Cartões com Arte

Um novo conceito em cartões. facebook.com/cartoescomarte.

Nouvelle vie au Canada

Casal em busca do seu sonho de morar no Canadá

Informática fácil

Compartilhando informação

Red Dreams

Quem disse que meus sonhos não podem ser vermelhos?

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.

Junte-se a 68 outros seguidores

%d blogueiros gostam disto: