Baixado 20 vezes
CSS
- 1.
- 2. O que éCSS?Cascading Style Sheets (Folhas de Estilos em Cascata)
- 3. Arquivocomplementarao HTML, queforneceformasde apresentação do conteúdo
- 4. Muitoútilpara sites commuitaspáginasquepossuem as mesmaspropriedades
- 5. Assimcomo o HTML,podeser escritoemeditores de texto simples, comoBloco de Notas
- 6. Aosalvar o arquivo,é precisosalvarcomoformato".css"Tipos de Folhas de EstiloFolha de EstiloExterna O estilo é linkado ou importado de um arquivo separado. Assim, as alterações de um mesmo elemento presente em várias páginas são editadas em um único arquivo.
- 7. Tipos de Folhasde EstiloFolha de EstiloExternaVinculação ao arquivo de estilo por link <head> ... <link rel="stylesheet" type="text/css" href="arquivo.css"> ... </head>
- 8. Tipos de Folhasde EstiloFolha de EstiloExternaVinculação ao arquivo de estilo por importação <head> ... <style type="text/css"> @import url("arquivo.css"); </style> ... </head>
- 9. Tipos de Folhasde EstiloFolha de EstiloExternaVinculação ao arquivo de estilo por importação <head> ... <style type="text/css"> @import url("arquivo.css"); </style> ... </head>
- 10. Tipos de Folhasde EstiloFolha de EstiloInternaAs 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 Folhasde EstiloFolha de Estilo InlineO estilo é definidoem um elementoespecíficoparafuncionarapenasnele <elemento style="código CSS">
- 12. As regras CSSOcódigo de uma folha de estilos é constituído de comandos denominados regras CSSUma regra CSS é formada de um seletor que antecede as chaves e de uma declaração que fica dentro das chavesA declaração é constituída de propriedade e valor separados por dois-pontosseletor { propriedade1: valor; propriedade2: valor; }
- 13. As regras CSSSeletoresdo tipo elemento HTML:body {background-color: #0000FF;margin: 20px;padding-top: 10px;font-size: large;color: yellow;}p {color: white;}
- 14. As regras CSSSeletoresdo tipo classe:p.estilo1 {color: white;text-align: center;font-size: 30px;}p.estilo2 {color: yellow; font-size: 50px;}
- 15. As regras CSSSeletoresdo tipo classe:...<body> <p class=“estilo1”>Esse parágrado tem estilo 1</p><p class=“estilo2”>Esse parágrafo tem estilo 2</p></body>...