[Curso CSS3 com Sass e Compass] Aula 06: Trabalhando com CSS Aninhado

1,712 views

Published on

Published in: Technology, Education
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
1,712
On SlideShare
0
From Embeds
0
Number of Embeds
887
Actions
Shares
0
Downloads
23
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

[Curso CSS3 com Sass e Compass] Aula 06: Trabalhando com CSS Aninhado

  1. 1. Curso CSS3 com Sass e Compass: CSS Aninhado #6
  2. 2. Agenda! • CSS aninhado! • Propriedades aninhadas!
  3. 3. Requisitos! • Ruby! • Gem Sass! • Editor Texto! • Scout IDE ou terminal!
  4. 4. CSS Aninhado! nav ul {! margin: 0;! padding: 0;! list-style: none;! }! ! nav li {! display: inline-block;! }! ! nav a {! display: block;! padding: 6px 12px;! text-decoration: none;! }!
  5. 5. CSS Aninhado: Sass! nav {! ul {! margin: 0;! padding: 0;! list-style: none;! }! ! li { display: inline-block; }! ! a {! display: block;! padding: 6px 12px;! text-decoration: none;! }! }!
  6. 6. Propriedades Aninhadas! nav {! border-style: solid;! border-width: 1px;! border-color: #ccc;! }! nav {! border: 1px solid #ccc;! border-left: 0px;! border-right: 0px;! }!
  7. 7. Propriedades Aninhadas: Sass! nav {! border: {! style: solid;! width: 1px;! color: #ccc;! }! }! nav {! border: 1px solid #ccc {! left: 0px;! right: 0px;! }! }!
  8. 8. Download Código Fonte! https://github.com/loiane/ curso-css3-sass-compass
  9. 9. Todas as aulas do curso! http://www.loiane.com/2012/03/curso-onlinecss3-com-sass-e-compass-gratuito/
  10. 10. http://loiane.com facebook.com/loianegroner @loiane https://github.com/loiane youtube.com/user/Loianeg
  11. 11. Obrigada!

×