Baixado 176 vezes
Carregado porWillian Magalhães
Curso Desenvolvimento WEB com PHP - CSS
CSS é uma linguagem de estilos que define como os elementos HTML são exibidos. Ela separa a apresentação da estrutura do documento e permite controle centralizado do layout, facilitando a manutenção de sites. CSS define regras de estilo com seletores, propriedades e valores para formatar elementos como fontes, cores, espaçamentos e posicionamento.
Mais conteúdo relacionado
Semelhante a Curso Desenvolvimento WEB com PHP - CSS
Curso Desenvolvimento WEB com PHP - CSS
- 1.
- 2.
- 3. Cascade Style SheetListade estilo em cascata
- 4.
- 5.
- 6. Conjunto de regrasque definem como os elementos da página devem ser exibidosEntendendoUma das recomendações do W3C
- 7. Separa a apresentação(layout) da estrutura
- 8. Permite controle centralizadodo layout
- 9. Edição de páginasleves (cache)
- 10. Fácil manutenção degrandes sites (projetos)
- 11. PortabilidadeDeclarando<style type="text/css"> ... trecho do código ...</style><style type="text/css"><!-- ... trecho do código ...--></style>
- 12. Estrutura do código(regra)Declaraçãoseletor { propriedade : valor;}Valor da propriedade aplicada - EX: #FFFFFFEm qual TAG será aplicada a propriedade - EX: BODYPropriedade a ser aplicadaEX: BACKGROUND
- 13. Métodos de atribuiçãodos estilosMétodo IN-LINE (atributo style)<html> <head> <title> Exemplo </title> </head> <body style="background-color:#FF0000"> <p> Página com fundo vermelho </p> </body></html>
- 14. Métodos de atribuiçãodos estilosMétodo INTERNO (tag style)<head> <title>Exemplo</title> <style type="text/css"> <!— body { background-color: #FF0000;}--> </style></head>
- 15. Métodos de atribuiçãodos estilosMétodo EXTERNO (link para folhas de estilo)<head> <link rel=stylesheethref="estilo.css" type="text/css"></head>body { background-color: #FF0000;}
- 16. ComentáriosMétodo EXTERNO (linkpara folhas de estilo)... /* este é um comentário em css */ div {background-color: #FF0000; }...
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24. font-family (arial, verdana,sans-serif)
- 25.
- 26.
- 27. font-size (px,pt, %)PropriedadesTEXT
- 28. text-indent (recuo deprimeira linha)
- 29.
- 30. text-decoration (underline)SeletoresTagClasseIDUniversaltag {...}tag.classe{...} ou .classe {...#id {...}* {...}
- 31. DIV (elemento HTML)Criauma divisão lógica no documento... <div> conteúdo </div>...
- 32. Composição dos elementosMARGEM(margin)BORDA (border)PREENCHIMENTO (padding)ÁREA DO CONTEÚDO
- 33. PropriedadesMARGEM / BORDA/ ESPAÇAMENTO