[Curso CSS3 com Sass e Compass] Aula 06: Trabalhando com CSS Aninhado
-
Upload
loiane-groner -
Category
Technology
-
view
1.088 -
download
1
description
Transcript of [Curso CSS3 com Sass e Compass] Aula 06: Trabalhando com CSS Aninhado
Curso CSS3 com
Sass e Compass: CSS Aninhado
#6
Agenda!• CSS aninhado!
• Propriedades aninhadas!
Requisitos!• Ruby!
• Gem Sass!
• Editor Texto!
• Scout IDE ou terminal!
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;!}!
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;! }!}!
nav {! border-style: solid;! border-width: 1px;! border-color: #ccc;!}!
nav {! border: 1px solid #ccc;! border-left: 0px;! border-right: 0px;!}!
Propriedades Aninhadas!
nav {! border: {! style: solid;! width: 1px;! color: #ccc;! }!}!
nav {! border: 1px solid #ccc {! left: 0px;! right: 0px;! }!}!
Propriedades Aninhadas: Sass!
Download Código Fonte!
https://github.com/loiane/ curso-css3-sass-compass
Todas as aulas do curso!
http://www.loiane.com/2012/03/curso-online-css3-com-sass-e-compass-gratuito/
http://loiane.com
facebook.com/loianegroner
@loiane
https://github.com/loiane
youtube.com/user/Loianeg
Obrigada!