Sin job

Disponível somente no TrabalhosFeitos
  • Páginas : 13 (3064 palavras )
  • Download(s) : 0
  • Publicado : 30 de maio de 2012
Ler documento completo
Amostra do texto
Universidade Federal Fluminense ´ Centro Tecnologico Escola de Engenharia Curso de Engenharia de Telecomunica¸ oes c˜ Programa de Educa¸ ao Tutorial c˜ Grupo PET-Tele

Apostila de Introdu¸˜o ao CSS ca

Autor atual: Isabelle Guimar˜es M. O. de Barros a Carlos Felipe Araujo dos Santos

Niteroi - RJ Maio / 2008 ´

Cap´ ıtulo 1 Introdu¸˜o ca
Quando o HTML foi criado, a inten¸ao era de”jogar”conte´do para o usu´rio e n˜o forc˜ u a a matar a informa¸ao. Como tudo na vida evolui, assim ocorreu com o HTML. O c´digo c˜ o passou a ser usado tamb´m como controle da aparˆncia do documento, tornando a line e guagem complexa, e assim, mais dif´ de entender. Outro problema encontrado foi a ıcil compatibilidade com alguns navegadores, o que dificultava a visualiza¸ao dos sites na c˜ ´poca. Eracomum vocˆ encontrar nos sites a mensagem: ”Site melhor visualizado com o e e navegador X” Em 1994, Hakon Lie diante dessas dificuldades, propˆs a cria¸˜o do CSS ou Cascading o ca Style Sheets para facilitar a formata¸ao da informa¸˜o. A pedido de Hakon, Bert Bos c˜ ca passou a trabalhar no projeto de desenvolvimento do CSS junto ` ele e em 1995 eles a apresentaram sua proposta e finalmente, o W3C -World Wide Web Consortium -que acabara de nascer, se interessou e decidiu criar uma equipe liderada por Hakon e Bert. Em 1996, eles lan¸aram a recomenda¸ao oficial pelo W3C do CSS Level 1 (CSS 1). c c˜ Dois anos depois, no dia 12 de Maio de 1998 foi lan¸ada a recomenda¸ao do CSS Level 2, a c c˜ segunda vers˜o das Folhas de Estilos para Web. O CSS 3 se encontra em desenvolvimento a e promete muitasfacilidades para o programador, devido a compatibilidade dos browsers atuais e a maturidade alcan¸ada por seus desenvolvedores. c Uma novidade que vem com o desenvolvimento do CSS 3 ´ a mudan¸a na forma de e c atualiza¸ao do CSS pelo W3C. Nesta terceira vers˜o, o CSS ser´ dividido em m´dulos c˜ a a o e cada um ser´ atualizado independentemente dos outros. Assim, ao inv´s de atualizar a e o CSSinteiro, haver˜o pequenas atualiza¸oes dos m´dulos em desenvolvimento. Assim, a c˜ o quando houver atualiza¸oes referentes aos Seletores do CSS, por exemplo, os dispositivos c˜ poder˜o atualizar-se sem ter que esperar por atualiza¸˜es maiores da linguagem. a co Outra vantagem desta separa¸ao ´ que com a divis˜o em m´dulos, os dispositivos esc˜ e a o pec´ ıficos ter˜o uma maior facilidade em suportar oCSS. Eles ter˜o a liberdade de escolher a a quais m´dulos suportar˜o. Por exemplo, dispositivos que se interessam por propriedades o a visuais, poder˜o monitor propriedades referentes a essa ´rea. a ` a A sigla CSS (Cascading Style Sheets) se refere a uma linguagem de estilos que define o layout de documentos escritos, geralmente, em linguagem HTML. O CSS define e controla, por exemplo, osparˆmetros de texto e figuras, al´m de posicionamento dos elementos, a e imagens de fundo e etc. O HTML estrutura o conte´do da p´gina e o CSS formata esse u a conte´do. u A principal vantagem do uso do CSS ´ o fato de separarmos a apresenta¸ao da webpage e c˜ do seu conte´do, o que facilita a edi¸˜o tanto do texto como do layout. Ele possibilita u ca

3

4

CAP´ ITULO 1. INTRODUCAO ¸˜

aconstru¸ao de um s´ conte´do com v´rias formas de apresenta¸ao, mexendo-se apenas c˜ o u a c˜ em uma linha do c´digo html. Outra vantagem em seu uso ´ devido ao maior campo o e de op¸˜es e precis˜o que o CSS nos oferece. Apesar das diversidas em navegadores e co a constantes atualiza¸oes, atualmente, a maioria dos navegadores oferecem suporte ao CSS, c˜ diminuindo cada vez mais o n´mero dos que n˜ooferecem. u a

Cap´ ıtulo 2 Sintaxe do CSS
2.1 Estrutura B´sica a

Primeiramente, ´ preciso ter em mente que qualquer modelo CSS s´ ser´ visto e aproveitado e o a quando usado em um c´digo HTML ou semelhantes. o O CSS possui sua pr´pria sintaxe, com algumas de suas propriedades parecidas as do o ` HTML. Na sua forma mais simples, ´ composto por 3 partes: e seletor {propriedade: valor}...
tracking img