Ferramentas de Usuário

Ferramentas de Site


dev_web:css:cascading_style_sheets

Diferenças

Esta página mostra as diferenças entre as duas revisões da página.

Links para esta vista de comparação

Ambos os lados da revisão anterior Revisão anterior
dev_web:css:cascading_style_sheets [2018/05/14 21:37]
127.0.0.1 Edição externa
dev_web:css:cascading_style_sheets [2019/07/21 13:55] (Atual)
staff
Linha 71: Linha 71:
 No browser Mozilla Firefox (e noutros, possivelmente com pequenas diferenças) obter-se-á o seguinte resultado: No browser Mozilla Firefox (e noutros, possivelmente com pequenas diferenças) obter-se-á o seguinte resultado:
  
-{{http://i34.tinypic.com/waokd1.jpg?400x225}}+{{ :dev_web:css-example-1.png?direct&400 |}}
  
 Podemos mudar completamente o design da página, mexendo apenas no CSS. Vamos provar isso mesmo, alterando o conteúdo do ficheiro 'estilos.css' para o seguinte: Podemos mudar completamente o design da página, mexendo apenas no CSS. Vamos provar isso mesmo, alterando o conteúdo do ficheiro 'estilos.css' para o seguinte:
Linha 124: Linha 124:
 E obtemos um resultado diferente, sem mudar uma única linha de HTML: E obtemos um resultado diferente, sem mudar uma única linha de HTML:
  
-{{http://i36.tinypic.com/rt0yeu.jpg?400x225}}+{{ :dev_web:css-example-2.png?direct&400 |}}
  
 Esta é uma das grandes vantagens do CSS. Esta é uma das grandes vantagens do CSS.
Linha 130: Linha 130:
 ===== Aprender CSS ===== ===== Aprender CSS =====
 Existem muitos lugares onde se pode aprender CSS. Ficam alguns links de referência: Existem muitos lugares onde se pode aprender CSS. Ficam alguns links de referência:
-  * [[http://www.w3schools.com/css|Tutorial de CSS na W3schools]]+  * [[https://developer.mozilla.org/en-US/docs/Learn/CSS|Tutorial de CSS na MDN Web Docs]]
   * [[http://www.tizag.com/cssT/|Tutorial de CSS em Tizag.com]]   * [[http://www.tizag.com/cssT/|Tutorial de CSS em Tizag.com]]
  
dev_web/css/cascading_style_sheets.txt · Última modificação em: 2019/07/21 13:55 por staff