Curso Desenvolvimento WEB com PHP - CSS
•Transferir como PPTX, PDF•
2 gostaram•1,581 visualizações
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.
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (7)
Semelhante a Curso Desenvolvimento WEB com PHP - CSS
Semelhante a Curso Desenvolvimento WEB com PHP - CSS (20)
Mais de Willian Magalhães
Curso Desenvolvimento WEB com PHP - CSS
- 1. <style type=“text/css”> Desenvolvimento WEB com PHP
- 2. CSS
- 7. Separa a apresentação (layout) da estrutura
- 8. Permite controle centralizado do layout
- 9. Edição de páginas leves (cache)
- 10. Fácil manutenção de grandes sites (projetos)
- 12. Estrutura do código (regra) Declaração seletor { propriedade : valor; } Valor da propriedade aplicada - EX: #FFFFFF Em qual TAG será aplicada a propriedade - EX: BODY Propriedade a ser aplicada EX: BACKGROUND
- 13. Métodos de atribuição dos estilos Mé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ção dos estilos Método INTERNO (tag style) <head> <title>Exemplo</title> <style type="text/css"> <!— body { background-color: #FF0000; } --> </style> </head>
- 15. Métodos de atribuição dos estilos Método EXTERNO (link para folhas de estilo) <head> <link rel=stylesheethref="estilo.css" type="text/css"> </head> body { background-color: #FF0000; }
- 16. Comentários Método EXTERNO (link para folhas de estilo) ... /* este é um comentário em css */ div { background-color: #FF0000; } ...
- 24. font-family (arial, verdana, sans-serif)
- 28. text-indent (recuo de primeira linha)
- 31. DIV (elemento HTML) Cria uma divisão lógica no documento ... <div> conteúdo </div> ...
- 32. Composição dos elementos MARGEM (margin) BORDA (border) PREENCHIMENTO (padding) ÁREA DO CONTEÚDO
- 34. margin (px,%)
- 37. Centralizando um elemento top : 50%; left : 50%; top left
- 38. Centralizando um elemento margin-top : -50%(obj); margin-left : -50%(obj); top left
- 40. width
- 43. display
- 44. line-height
- 46. formulários
- 48. Flutuação Caixas sem flutuação 001 002 003
- 49. Flutuação Caixa 001 com flutuação a direita (right) 002 001 003
- 50. Flutuação Caixas com flutuação a esquerda (left) menu 001 003 002
- 51. Layout Layout...
- 54. Criando páginas web com CSS
- 55. Sites
- 59. http://www.tableless.com.bralexandre.chokito@gmail.com will_magalhaes@yahoo.com.br