![O que é CSS? ,[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à CSS
Similaire à CSS (20)
CSS
- 1. CSS Introdução a MicroinformáticaTurma J
- 3. Arquivocomplementarao HTML, queforneceformas de apresentação do conteúdo
- 4. Muitoútilpara sites com muitaspáginasquepossuem as mesmaspropriedades
- 5. Assimcomo o HTML, podeser escritoemeditores de texto simples, comoBloco de Notas
- 7. Tipos de Folhas de Estilo Folha de EstiloExterna Vinculação ao arquivo de estilo por link <head> ... <link rel="stylesheet" type="text/css" href="arquivo.css"> ... </head>
- 8. Tipos de Folhas de Estilo Folha de EstiloExterna Vinculação ao arquivo de estilo por importação <head> ... <style type="text/css"> @import url("arquivo.css"); </style> ... </head>
- 9. Tipos de Folhas de Estilo Folha de EstiloExterna Vinculação ao arquivo de estilo por importação <head> ... <style type="text/css"> @import url("arquivo.css"); </style> ... </head>
- 10. Tipos de Folhas de Estilo Folha de EstiloInterna As definições do estilosãofeitasnaprópriapágina HTML, e nessecaso, o estilosófuncionanela <head> ... <style type="text/css"> body {background-color: #000000;} </style> ...</head>
- 11. Tipos de Folhas de Estilo Folha de Estilo Inline O estilo é definidoem um elementoespecíficoparafuncionarapenasnele <elemento style="código CSS">
- 12. As regras CSS O código de uma folha de estilos é constituído de comandos denominados regras CSS Uma regra CSS é formada de um seletor que antecede as chaves e de uma declaração que fica dentro das chaves A declaração é constituída de propriedade e valor separados por dois-pontos seletor { propriedade1: valor; propriedade2: valor; }
- 13. As regras CSS Seletores do tipo elemento HTML: body { background-color: #0000FF; margin: 20px; padding-top: 10px; font-size: large; color: yellow; } p {color: white;}
- 14. As regras CSS Seletores do tipo classe: p.estilo1 { color: white; text-align: center; font-size: 30px; } p.estilo2 {color: yellow; font-size: 50px;}
- 15. As regras CSS Seletores do tipo classe: ... <body> <p class=“estilo1”>Esse parágrado tem estilo 1</p> <p class=“estilo2”>Esse parágrafo tem estilo 2</p> </body> ...
- 16. As regras CSS Seletores do tipo id: #topo {background-color: black; text-align: center; font-size: 50px; color: white;} #menu {width: 30%; float: left; background-color: green; font-size: 30px;} #corpo {width: 70%; float: right; font-size: 20px;}
- 17. As regras CSS Seletores do tipo id: <body> <div id="topo">TOPO</div> <div id="menu"> <ul> <a href="#"><li>Home</li></a> <a href="#"><li>Página 1</li></a> <a href="#"><li>Página 2</li></a> </ul> </div> <div>Corpo da página com conteúdo principal.</div> </body>
- 18. As regras CSS Agrupamento de seletores: h1, h2, h3 { color: blue; font-weight: bold; } h4, h5, h6 { color: green; }