SlideShare una empresa de Scribd logo
1 de 6
CSS –
HOJAS DE ESTILO
EN CASCADA -
MÓDULO
DISEÑO Y ELABORACIÓN DE PÁGINAS WEB
PLANTEL CONALEP GUADALAJARA ll
ING. M.E. SAMANTA VILLALOBOS
ING. M.E. SAMANTA VILLALOBOS
PLANTEL CONALEP GUADALAJARA
ll
RESULTADO DE APRENDIZAJE 1.3
• Construye hojas de estilo en cascada (CSS) de acuerdo con las
especificaciones del World Wide Web Consortium (W3C
CONTENIDO…
ING. M.E. SAMANTA VILLALOBOS
ING. M.E. SAMANTA VILLALOBOS
PLANTEL CONALEP GUADALAJARA
ll
A. IDENTIFICACIÓN DEL LENGUAJE CSS
• Definición de CSS.
• Especificación oficial de
CSS.
• Funcionamiento básico.
• Formas de inclusión de
CSS en HTML 5.
• Glosario básico.
• Uso de comentarios.
• Sintaxis de la definición
de cada propiedad.
• Selectores.
• Agrupación de reglas.
• Herencia.
• Colisiones de estilos.
• Unidades de medida.
• Colores.
ING. M.E. SAMANTA VILLALOBOS
PLANTEL CONALEP GUADALAJARA
ll
B. IMPLEMENTACIÓN DE LOS ELEMENTOS CSS
EN LA DEFINICIÓN DE LA APARIENCIA DE LOS
ELEMENTOS QUE INTEGRAN LAS PÁGINAS
WEB
• Boxmodel.
• Anchura y altura.
• Margen y relleno.
• Bordes.
• Fondos.
• Posicionamiento y
visualización Tipos de
elementos.
• Posicionamiento normal.
• Posicionamiento float.
• Posicionamiento
absoluto.
• Visualización.
• Texto.
• Tipografía.
• Propiedades de Texto.
• Enlaces.
• Imágenes.
• Listas.
• Tablas.
• Formularios.
ING. M.E. SAMANTA VILLALOBOS
PLANTEL CONALEP GUADALAJARA
ll
BIBLIOGRAFÍA RECOMENDADA
• HTML Tutorial. Recuperado el 20/11/2017 de
https://www.w3schools.com/html/def ault.asp
• CSS Tutorial. Recuperado el 20/11/2017 de
https://www.w3schools.com/css/defa ult.asp
• Monotematicos. Recuperado el 21/11/2017 de
https://desarrolloweb.com/monotema ticos/
• Curso de HTML5 desde cero. Recuperado el 21/11/2017 de
https://www.gitbook.com/book/hhkaos/cursohtml5desdecero/details

Más contenido relacionado

Similar a 1 3 css conalep (20)

Cap06
Cap06Cap06
Cap06
 
Css grid layout
Css grid layoutCss grid layout
Css grid layout
 
Diseño multimedia intro css
Diseño multimedia intro cssDiseño multimedia intro css
Diseño multimedia intro css
 
crossmedia 03: css
crossmedia 03: csscrossmedia 03: css
crossmedia 03: css
 
Hojas de estilo en cascada
Hojas de estilo en cascadaHojas de estilo en cascada
Hojas de estilo en cascada
 
Manual css3 DesarrolloWeb
Manual css3 DesarrolloWebManual css3 DesarrolloWeb
Manual css3 DesarrolloWeb
 
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
 
Deber2 css 21
Deber2 css 21Deber2 css 21
Deber2 css 21
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Estilos css
Estilos cssEstilos css
Estilos css
 
Hojas de estilos css
Hojas de estilos cssHojas de estilos css
Hojas de estilos css
 
Bootstrap 3.
Bootstrap 3.Bootstrap 3.
Bootstrap 3.
 
Manual css3 nov2014
Manual css3 nov2014Manual css3 nov2014
Manual css3 nov2014
 
LM-UT3: CSS
LM-UT3: CSS LM-UT3: CSS
LM-UT3: CSS
 
Manual de css3
Manual de css3Manual de css3
Manual de css3
 
Tanta Comunicación: Acerca de CSS3
Tanta Comunicación: Acerca de CSS3Tanta Comunicación: Acerca de CSS3
Tanta Comunicación: Acerca de CSS3
 
Manual css
Manual cssManual css
Manual css
 
Estándares y lenguajes para internet
Estándares y lenguajes para internetEstándares y lenguajes para internet
Estándares y lenguajes para internet
 

Más de sAmAnTa ViLLaLoBoS

5 procesamiento-de-información-por-medios-digitales 03
5 procesamiento-de-información-por-medios-digitales 035 procesamiento-de-información-por-medios-digitales 03
5 procesamiento-de-información-por-medios-digitales 03sAmAnTa ViLLaLoBoS
 
Manual nvo ingreso alumnos 2014 b
Manual nvo ingreso alumnos 2014 bManual nvo ingreso alumnos 2014 b
Manual nvo ingreso alumnos 2014 bsAmAnTa ViLLaLoBoS
 
San sebastián del oeste, jalisco
San sebastián del oeste, jaliscoSan sebastián del oeste, jalisco
San sebastián del oeste, jaliscosAmAnTa ViLLaLoBoS
 
Informe la manzanilla d ela paz, Visita Carrera Turismo UNEDL
Informe la manzanilla d ela paz, Visita Carrera Turismo UNEDLInforme la manzanilla d ela paz, Visita Carrera Turismo UNEDL
Informe la manzanilla d ela paz, Visita Carrera Turismo UNEDLsAmAnTa ViLLaLoBoS
 
1 analisis cualitativo por fernando negrete
1 analisis cualitativo por fernando negrete1 analisis cualitativo por fernando negrete
1 analisis cualitativo por fernando negretesAmAnTa ViLLaLoBoS
 
Actividades de cierre de módulo
Actividades de cierre de móduloActividades de cierre de módulo
Actividades de cierre de módulosAmAnTa ViLLaLoBoS
 
Informe vii coloquio 2013 a revista
Informe vii coloquio 2013 a revistaInforme vii coloquio 2013 a revista
Informe vii coloquio 2013 a revistasAmAnTa ViLLaLoBoS
 
El ecoturismo y su impacto social
El ecoturismo y su impacto socialEl ecoturismo y su impacto social
El ecoturismo y su impacto socialsAmAnTa ViLLaLoBoS
 
El patrimonio perdido en guadalajara may10 13
El patrimonio perdido en guadalajara may10 13El patrimonio perdido en guadalajara may10 13
El patrimonio perdido en guadalajara may10 13sAmAnTa ViLLaLoBoS
 

Más de sAmAnTa ViLLaLoBoS (20)

5 procesamiento-de-información-por-medios-digitales 03
5 procesamiento-de-información-por-medios-digitales 035 procesamiento-de-información-por-medios-digitales 03
5 procesamiento-de-información-por-medios-digitales 03
 
Manual nvo ingreso alumnos 2014 b
Manual nvo ingreso alumnos 2014 bManual nvo ingreso alumnos 2014 b
Manual nvo ingreso alumnos 2014 b
 
San sebastián del oeste, jalisco
San sebastián del oeste, jaliscoSan sebastián del oeste, jalisco
San sebastián del oeste, jalisco
 
Tequila, jalisco
Tequila, jaliscoTequila, jalisco
Tequila, jalisco
 
Tapalpa, jalisco
Tapalpa, jaliscoTapalpa, jalisco
Tapalpa, jalisco
 
Mazamitla, jalisco
Mazamitla, jaliscoMazamitla, jalisco
Mazamitla, jalisco
 
Lagos de moreno
Lagos de morenoLagos de moreno
Lagos de moreno
 
Informe la manzanilla d ela paz, Visita Carrera Turismo UNEDL
Informe la manzanilla d ela paz, Visita Carrera Turismo UNEDLInforme la manzanilla d ela paz, Visita Carrera Turismo UNEDL
Informe la manzanilla d ela paz, Visita Carrera Turismo UNEDL
 
Informe viii coloquio 2013 b
Informe viii coloquio 2013 bInforme viii coloquio 2013 b
Informe viii coloquio 2013 b
 
1 analisis cualitativo por fernando negrete
1 analisis cualitativo por fernando negrete1 analisis cualitativo por fernando negrete
1 analisis cualitativo por fernando negrete
 
X3w424
X3w424X3w424
X3w424
 
El factor dios
El factor diosEl factor dios
El factor dios
 
Actividades de cierre de módulo
Actividades de cierre de móduloActividades de cierre de módulo
Actividades de cierre de módulo
 
Microsoft office web apps
Microsoft office web appsMicrosoft office web apps
Microsoft office web apps
 
Zacatecas
ZacatecasZacatecas
Zacatecas
 
Informe vii coloquio 2013 a revista
Informe vii coloquio 2013 a revistaInforme vii coloquio 2013 a revista
Informe vii coloquio 2013 a revista
 
Dolores hidalgo guanajuato
Dolores hidalgo guanajuatoDolores hidalgo guanajuato
Dolores hidalgo guanajuato
 
El factor dios
El factor diosEl factor dios
El factor dios
 
El ecoturismo y su impacto social
El ecoturismo y su impacto socialEl ecoturismo y su impacto social
El ecoturismo y su impacto social
 
El patrimonio perdido en guadalajara may10 13
El patrimonio perdido en guadalajara may10 13El patrimonio perdido en guadalajara may10 13
El patrimonio perdido en guadalajara may10 13
 

Último

clases de dinamica ejercicios preuniversitarios.pdf
clases de dinamica ejercicios preuniversitarios.pdfclases de dinamica ejercicios preuniversitarios.pdf
clases de dinamica ejercicios preuniversitarios.pdfDanielaVelasquez553560
 
Magnetismo y electromagnetismo principios
Magnetismo y electromagnetismo principiosMagnetismo y electromagnetismo principios
Magnetismo y electromagnetismo principiosMarceloQuisbert6
 
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdfPresentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdfMIGUELANGELCONDORIMA4
 
Curso intensivo de soldadura electrónica en pdf
Curso intensivo de soldadura electrónica  en pdfCurso intensivo de soldadura electrónica  en pdf
Curso intensivo de soldadura electrónica en pdfFernandaGarca788912
 
Manual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdfManual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdfedsonzav8
 
Flujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptxFlujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptxEduardoSnchezHernnde5
 
Flujo potencial, conceptos básicos y ejemplos resueltos.
Flujo potencial, conceptos básicos y ejemplos resueltos.Flujo potencial, conceptos básicos y ejemplos resueltos.
Flujo potencial, conceptos básicos y ejemplos resueltos.ALEJANDROLEONGALICIA
 
Topografía 1 Nivelación y Carretera en la Ingenierías
Topografía 1 Nivelación y Carretera en la IngenieríasTopografía 1 Nivelación y Carretera en la Ingenierías
Topografía 1 Nivelación y Carretera en la IngenieríasSegundo Silva Maguiña
 
CAP4-TEORIA EVALUACION DE CAUDALES - HIDROGRAMAS.pdf
CAP4-TEORIA EVALUACION DE CAUDALES - HIDROGRAMAS.pdfCAP4-TEORIA EVALUACION DE CAUDALES - HIDROGRAMAS.pdf
CAP4-TEORIA EVALUACION DE CAUDALES - HIDROGRAMAS.pdfReneBellido1
 
Reporte de Exportaciones de Fibra de alpaca
Reporte de Exportaciones de Fibra de alpacaReporte de Exportaciones de Fibra de alpaca
Reporte de Exportaciones de Fibra de alpacajeremiasnifla
 
ECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdfECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdffredyflores58
 
Fijaciones de balcones prefabricados de hormigón - RECENSE
Fijaciones de balcones prefabricados de hormigón - RECENSEFijaciones de balcones prefabricados de hormigón - RECENSE
Fijaciones de balcones prefabricados de hormigón - RECENSEANDECE
 
Unidad 3 Administracion de inventarios.pptx
Unidad 3 Administracion de inventarios.pptxUnidad 3 Administracion de inventarios.pptx
Unidad 3 Administracion de inventarios.pptxEverardoRuiz8
 
183045401-Terminal-Terrestre-de-Trujillo.pdf
183045401-Terminal-Terrestre-de-Trujillo.pdf183045401-Terminal-Terrestre-de-Trujillo.pdf
183045401-Terminal-Terrestre-de-Trujillo.pdfEdwinAlexanderSnchez2
 
Edificio residencial Becrux en Madrid. Fachada de GRC
Edificio residencial Becrux en Madrid. Fachada de GRCEdificio residencial Becrux en Madrid. Fachada de GRC
Edificio residencial Becrux en Madrid. Fachada de GRCANDECE
 
Sesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
Sesión 02 TIPOS DE VALORIZACIONES CURSO CersaSesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
Sesión 02 TIPOS DE VALORIZACIONES CURSO CersaXimenaFallaLecca1
 
SOLICITUD-PARA-LOS-EGRESADOS-UNEFA-2022.
SOLICITUD-PARA-LOS-EGRESADOS-UNEFA-2022.SOLICITUD-PARA-LOS-EGRESADOS-UNEFA-2022.
SOLICITUD-PARA-LOS-EGRESADOS-UNEFA-2022.ariannytrading
 
Una estrategia de seguridad en la nube alineada al NIST
Una estrategia de seguridad en la nube alineada al NISTUna estrategia de seguridad en la nube alineada al NIST
Una estrategia de seguridad en la nube alineada al NISTFundación YOD YOD
 
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Francisco Javier Mora Serrano
 
Normas para los aceros basados en ASTM y AISI
Normas para los aceros basados en ASTM y AISINormas para los aceros basados en ASTM y AISI
Normas para los aceros basados en ASTM y AISIfimumsnhoficial
 

Último (20)

clases de dinamica ejercicios preuniversitarios.pdf
clases de dinamica ejercicios preuniversitarios.pdfclases de dinamica ejercicios preuniversitarios.pdf
clases de dinamica ejercicios preuniversitarios.pdf
 
Magnetismo y electromagnetismo principios
Magnetismo y electromagnetismo principiosMagnetismo y electromagnetismo principios
Magnetismo y electromagnetismo principios
 
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdfPresentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
Presentación N° 1 INTRODUCCIÓN Y CONCEPTOS DE GESTIÓN AMBIENTAL.pdf
 
Curso intensivo de soldadura electrónica en pdf
Curso intensivo de soldadura electrónica  en pdfCurso intensivo de soldadura electrónica  en pdf
Curso intensivo de soldadura electrónica en pdf
 
Manual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdfManual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdf
 
Flujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptxFlujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptx
 
Flujo potencial, conceptos básicos y ejemplos resueltos.
Flujo potencial, conceptos básicos y ejemplos resueltos.Flujo potencial, conceptos básicos y ejemplos resueltos.
Flujo potencial, conceptos básicos y ejemplos resueltos.
 
Topografía 1 Nivelación y Carretera en la Ingenierías
Topografía 1 Nivelación y Carretera en la IngenieríasTopografía 1 Nivelación y Carretera en la Ingenierías
Topografía 1 Nivelación y Carretera en la Ingenierías
 
CAP4-TEORIA EVALUACION DE CAUDALES - HIDROGRAMAS.pdf
CAP4-TEORIA EVALUACION DE CAUDALES - HIDROGRAMAS.pdfCAP4-TEORIA EVALUACION DE CAUDALES - HIDROGRAMAS.pdf
CAP4-TEORIA EVALUACION DE CAUDALES - HIDROGRAMAS.pdf
 
Reporte de Exportaciones de Fibra de alpaca
Reporte de Exportaciones de Fibra de alpacaReporte de Exportaciones de Fibra de alpaca
Reporte de Exportaciones de Fibra de alpaca
 
ECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdfECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdf
 
Fijaciones de balcones prefabricados de hormigón - RECENSE
Fijaciones de balcones prefabricados de hormigón - RECENSEFijaciones de balcones prefabricados de hormigón - RECENSE
Fijaciones de balcones prefabricados de hormigón - RECENSE
 
Unidad 3 Administracion de inventarios.pptx
Unidad 3 Administracion de inventarios.pptxUnidad 3 Administracion de inventarios.pptx
Unidad 3 Administracion de inventarios.pptx
 
183045401-Terminal-Terrestre-de-Trujillo.pdf
183045401-Terminal-Terrestre-de-Trujillo.pdf183045401-Terminal-Terrestre-de-Trujillo.pdf
183045401-Terminal-Terrestre-de-Trujillo.pdf
 
Edificio residencial Becrux en Madrid. Fachada de GRC
Edificio residencial Becrux en Madrid. Fachada de GRCEdificio residencial Becrux en Madrid. Fachada de GRC
Edificio residencial Becrux en Madrid. Fachada de GRC
 
Sesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
Sesión 02 TIPOS DE VALORIZACIONES CURSO CersaSesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
Sesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
 
SOLICITUD-PARA-LOS-EGRESADOS-UNEFA-2022.
SOLICITUD-PARA-LOS-EGRESADOS-UNEFA-2022.SOLICITUD-PARA-LOS-EGRESADOS-UNEFA-2022.
SOLICITUD-PARA-LOS-EGRESADOS-UNEFA-2022.
 
Una estrategia de seguridad en la nube alineada al NIST
Una estrategia de seguridad en la nube alineada al NISTUna estrategia de seguridad en la nube alineada al NIST
Una estrategia de seguridad en la nube alineada al NIST
 
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
 
Normas para los aceros basados en ASTM y AISI
Normas para los aceros basados en ASTM y AISINormas para los aceros basados en ASTM y AISI
Normas para los aceros basados en ASTM y AISI
 

1 3 css conalep

  • 1. CSS – HOJAS DE ESTILO EN CASCADA - MÓDULO DISEÑO Y ELABORACIÓN DE PÁGINAS WEB PLANTEL CONALEP GUADALAJARA ll ING. M.E. SAMANTA VILLALOBOS
  • 2. ING. M.E. SAMANTA VILLALOBOS PLANTEL CONALEP GUADALAJARA ll RESULTADO DE APRENDIZAJE 1.3 • Construye hojas de estilo en cascada (CSS) de acuerdo con las especificaciones del World Wide Web Consortium (W3C
  • 4. ING. M.E. SAMANTA VILLALOBOS PLANTEL CONALEP GUADALAJARA ll A. IDENTIFICACIÓN DEL LENGUAJE CSS • Definición de CSS. • Especificación oficial de CSS. • Funcionamiento básico. • Formas de inclusión de CSS en HTML 5. • Glosario básico. • Uso de comentarios. • Sintaxis de la definición de cada propiedad. • Selectores. • Agrupación de reglas. • Herencia. • Colisiones de estilos. • Unidades de medida. • Colores.
  • 5. ING. M.E. SAMANTA VILLALOBOS PLANTEL CONALEP GUADALAJARA ll B. IMPLEMENTACIÓN DE LOS ELEMENTOS CSS EN LA DEFINICIÓN DE LA APARIENCIA DE LOS ELEMENTOS QUE INTEGRAN LAS PÁGINAS WEB • Boxmodel. • Anchura y altura. • Margen y relleno. • Bordes. • Fondos. • Posicionamiento y visualización Tipos de elementos. • Posicionamiento normal. • Posicionamiento float. • Posicionamiento absoluto. • Visualización. • Texto. • Tipografía. • Propiedades de Texto. • Enlaces. • Imágenes. • Listas. • Tablas. • Formularios.
  • 6. ING. M.E. SAMANTA VILLALOBOS PLANTEL CONALEP GUADALAJARA ll BIBLIOGRAFÍA RECOMENDADA • HTML Tutorial. Recuperado el 20/11/2017 de https://www.w3schools.com/html/def ault.asp • CSS Tutorial. Recuperado el 20/11/2017 de https://www.w3schools.com/css/defa ult.asp • Monotematicos. Recuperado el 21/11/2017 de https://desarrolloweb.com/monotema ticos/ • Curso de HTML5 desde cero. Recuperado el 21/11/2017 de https://www.gitbook.com/book/hhkaos/cursohtml5desdecero/details