Your SlideShare is downloading. ×
[Curso CSS3 com Sass e Compass] Aula 06: Trabalhando com CSS Aninhado
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

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

1,202
views

Published on

Published in: Technology, Education

1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
1,202
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
12
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Curso CSS3 com Sass e Compass: CSS Aninhado #6
  • 2. Agenda! • CSS aninhado! • Propriedades aninhadas!
  • 3. Requisitos! • Ruby! • Gem Sass! • Editor Texto! • Scout IDE ou terminal!
  • 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. 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. Propriedades Aninhadas! nav {! border-style: solid;! border-width: 1px;! border-color: #ccc;! }! nav {! border: 1px solid #ccc;! border-left: 0px;! border-right: 0px;! }!
  • 7. Propriedades Aninhadas: Sass! nav {! border: {! style: solid;! width: 1px;! color: #ccc;! }! }! nav {! border: 1px solid #ccc {! left: 0px;! right: 0px;! }! }!
  • 8. Download Código Fonte! https://github.com/loiane/ curso-css3-sass-compass
  • 9. Todas as aulas do curso! http://www.loiane.com/2012/03/curso-onlinecss3-com-sass-e-compass-gratuito/
  • 10. http://loiane.com facebook.com/loianegroner @loiane https://github.com/loiane youtube.com/user/Loianeg
  • 11. Obrigada!