SlideShare una empresa de Scribd logo
1 de 18
Curso de CSS Por Martí Planellas
¿Qué es el CSS? ,[object Object],[object Object],[object Object],[object Object],[object Object]
CSS y HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sintaxis ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sintaxis ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Herencia ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
El CSS Box Model
El CSS Box Model ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Problemática con IE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],100px 100px 140px 20px 20px 100px 20px 20px 100px 60px
Solución ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Posicionamiento ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Flujo Normal ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Posicionamiento Absoluto ,[object Object],[object Object],[object Object]
Posicionamiento Relativo ,[object Object],[object Object],#cont{ width: 100%; padding: 10px; } #left{ position: relative; float: left; width: 40%; } #right{ position: relative; float: right; width: 40%; } #center{ position:relative; float:left; width: 20%; margin-left: 10px; } #left #right #cont #center
Visualización ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
“ Truquitos” ,[object Object],[object Object],[object Object],[object Object],[object Object]
Páginas útiles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Gracias por venir!   http://www.radleb.net/cursos

Más contenido relacionado

Similar a CSS Curso Martí Planellas

Similar a CSS Curso Martí Planellas (20)

rosario
rosariorosario
rosario
 
Taller multimedia
Taller multimediaTaller multimedia
Taller multimedia
 
ccs
ccsccs
ccs
 
CSS
CSSCSS
CSS
 
Curso HTML CSS 4/4
Curso HTML CSS 4/4Curso HTML CSS 4/4
Curso HTML CSS 4/4
 
CSS - Arquitectura Escalable y Modular
CSS - Arquitectura Escalable y ModularCSS - Arquitectura Escalable y Modular
CSS - Arquitectura Escalable y Modular
 
Frameworks CSS
Frameworks CSSFrameworks CSS
Frameworks CSS
 
Introducción a los Frameworks CSS
Introducción a los Frameworks CSSIntroducción a los Frameworks CSS
Introducción a los Frameworks CSS
 
Html y css
Html y cssHtml y css
Html y css
 
Julissarodriguezvilca
JulissarodriguezvilcaJulissarodriguezvilca
Julissarodriguezvilca
 
Desarrollo web inteligente
Desarrollo web inteligenteDesarrollo web inteligente
Desarrollo web inteligente
 
Dhtml
DhtmlDhtml
Dhtml
 
CSS3
CSS3CSS3
CSS3
 
Box Model
Box ModelBox Model
Box Model
 
Sesion01
Sesion01Sesion01
Sesion01
 
Intro a Sass
Intro a Sass Intro a Sass
Intro a Sass
 
Hojas de Estilo en Cascada - CSS
Hojas de Estilo en Cascada - CSSHojas de Estilo en Cascada - CSS
Hojas de Estilo en Cascada - CSS
 
hojas de_estilo_css
 hojas de_estilo_css hojas de_estilo_css
hojas de_estilo_css
 
"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTML
 

CSS Curso Martí Planellas