Baixado 43 vezes
Carregado porDenise Lima
Css – cascading style sheets
CSS define a formatação de documentos HTML separando a estrutura do conteúdo da apresentação visual. CSS é usado para estilizar páginas HTML de forma uniforme através de folhas de estilo externas, incorporadas ou inline.
Mais conteúdo relacionado
Semelhante a Css – cascading style sheets
Css – cascading style sheets
- 1. CSS CascadingStyle Sheets Folhas de Estilo em Cascata Parte I
- 2. CSS é umalinguagem que define a formatação de um documento html.
- 3. documento.html documento.css CSSé usado para configurar um estilo. HTML é usado para estruturar conteúdos.
- 4. A grande vantagemdo uso de CSS é a de separar a marcação HTML, da apresentação do site.
- 5. index .html documento.css historia .html produtos .html contato .html cadastro .html
- 6. Em outras palavras,vale dizer que o HTML destina-se unicamente a estruturar e marcar o conteúdo, ficando por conta das CSS toda a responsabilidade pelo visual do documento.
- 7. Sintaxe Seletor {propriedade:valor} É o elemento que será alvo da regra de estilo. É o atributo do elemento HTML ao qual será aplicada a regra. É a característica específica a ser assumida pela Propriedade.
- 8. Se por exemplo,você quiser trocar a cor do fundo de um site com 100 páginas, a folha de estilos evita que você edite manualmente uma a uma as páginas para fazer a mudança nos 100 documentos HTML. Usando CSS a mudança se fará em uns poucos segundos.
- 9. <p><font size=“4” face=“georgia”color=“red”> texto exemplo</font></p> Esse elemento e seus atributos estão em desuso. <p>Texto exemplo</p>
- 10. O certo éem um documento com extensão .css colocar (exemplo de folha de estilo externa): p { font-size: large; font-family: georgia, serif; color: red; }
- 11. Para ligar osdois documentos é necessário acrescentar na seção head do documento html: documento.html documento.css <head> <link rel=“stylesheet” type=“text/css” href=“nome do arquivo.css”> </head>
- 12. Além do exemplode folha de estilo externa. Existem mais dois tipos de folhas de estilo. Incorporada In line
- 13. Folha de estiloincorporada (é colocada no cabeçalho do documento html) <html> <head> <title>Exemplo</title> <style> body {background-color: #FF0000;} </style> </head> <body> <p>Esta é uma página com fundo vermelho</p> </body> </html>
- 14. Folha de estiloIn line (é colocada na própria linha do código html) <html> <head> <title>Exemplo</title> </head> <body style="background-color: #FF0000;"> <p>Esta é uma página com fundo vermelho</p> </body> </html>