Baixado 22 vezes
Super CSS
- 1. O que éCSS? CSS do inglês C ascading S tyle S heet Folha de estilo em cascata. CSS nível 2.1 (Atual) Recomendação W3C, 1998 CSS nível 3 (Em desenvolvimento) Capacitação para Web - CSS Pet Informática - UEM “ Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex., fontes, cores, espaçamentos) aos documentos Web.”
- 2. Por que CSS?Separa a marcação HTML do site. (Estrutura e Visual) Ajuda a melhorar a acessiblidade. Ajuda a melhorar a manutenção. Capacitação para Web - CSS Pet Informática - UEM “ O HTML estrutura e marca o conteúdo, já o CSS fica com a responsabilidade sobre a parte visual do documento”
- 3. Sintaxe do CSSbody { background-color: #000000; } h1 { color: red; text-align: center; } Capacitação para Web - CSS Pet Informática - UEM Propriedade Valor Seletor Declaração Declaração
- 4. O box model!Capacitação para Web - CSS Pet Informática - UEM p { width:100px; background-color:#f2f2f2; font-family:Arial; font-size:11px; font-color:#666666; padding:10px; margin-top: 10px; margin-left: 10px; margin-right: 10px; margin: bottom: 10px; border: solid 1px #cccccc; }
- 5. Tipos de Seletorestag Pré-definida pela linguagem utilizada. Ex: <h1>, <p>, <strong> .class Definido pelo utilizador, especialmente usado para definição de estilos repetitívos. Ex: p.minhaclasse, p.classetexto #id Também definido pelo utilizador, adequado para definição de estilos únicos!! Ex: #meuDiv, #rodapé Capacitação para Web - CSS Pet Informática - UEM
- 6. Utilizando o CSSNo HTML <head> <style type=“text/css”> body { font-family:Verdana; font-size: 10px; background-color:#666666; } </style> </head> Na TAG <p style=“color:red;”>Ronaldo</p> Por arquivo externo <head> <link type=“text/css” rel=“stylesheet” href=“minhafolha.css”> </head> Capacitação para Web - CSS Pet Informática - UEM
- 7. Brincando com CSSO poder do CSS!! http:// www.csszengarden.com / ESPN G1 Orkut / YouTube / UEM Google Referências Utilizadas http://www.maujor.com/ http://www.smashingmagazine.com Capacitação para Web - CSS Pet Informática - UEM