SlideShare une entreprise Scribd logo
1  sur  9
ALUMNA: IBETT YATACO
SOLIS
DOCENTE: LUIS AURIS
RAMOS
CICLO: VI
Hojas de Estilo en Cascada
(Cascading Style Sheets) es el
lenguaje utilizado para describir
la presentación de documentos
HTML o XML. CSS describe
como debe ser renderizado el
elemento estructurado en
pantalla.
Al principio las páginas web estaban hechas sólo
con HTML, sin embargo pronto se vio que este
lenguaje tenía muchas limitaciones cuando se
quería hacer el diseño de la página y el estilo de
sus elementos.
Para solucionar esto se creó el lenguaje CSS. Con
CSS separamos los dos aspectos de la página. Por
un lado con HTML nos ocupamos del contenido, y
por otro con CSS nos ocupamos del estilo.
De esta manera, aunque tenemos que utilizar dos códigos
diferentes, los códigos quedan mucho más claros.
Desde la creación de este lenguaje ha habido varias versiones.
La primera es CSS 1, y la actual es CSS 2.1; se está
trabajando actualmente en una nueva versión más avanzada,
CSS 3. El problema es que no todos los navegadores
interpretan correctamente la versión CSS 3.
CSS1 CSS2 CSS3
La primera especificación oficial de CSS, recomendada por
la W3C fue CSS1, publicada en diciembre de 1995, y
abandonada en abril de 2008.
Algunas de las funcionalidades que ofrece son:
 Propiedades de las fuentes, como tipo,
tamaño, énfasis...
 Color de texto, fondos, bordes u otros
elementos.
 Atributos del texto, como espaciado
entre palabras, letras, líneas, etcétera.
 Alineación de textos, imágenes, tablas u
otros.
 Propiedades de caja, como margen, borde,
relleno o espaciado.
 Propiedades de identificación y presentación
de listas.
La especificación CSS2 fue desarrollada por la W3C y publicada como
recomendación en mayo de 1998, y abandonada en abril de 2008.
Como ampliación de CSS1, se ofrecieron, entre otras:
 Las funcionalidades propias de las capas (<div>)
como de posicionamiento relativo/absoluto/fijo,
niveles (z-index), etcétera.
 El concepto de "media types".
 Soporte para las hojas de estilo auditivas
 Texto bidireccional, sombras, etcétera.
A diferencia de CSS2, que fue una única especificación
que definía varias funcionalidades, CSS3 está dividida en
varios documentos separados, llamados "módulos".
Cada módulo añade nuevas
funcionalidades a las
definidas en CSS2, de
manera que se preservan las
anteriores para mantener la
compatibilidad.
Los trabajos en el CSS3,
comenzaron a la vez que se
publicó la recomendación
oficial de CSS2, y los primeros
borradores de CSS3 fueron
liberados en junio de 1999.
Separación del
contenido y la
presentación
Consistencia
del sitio
Ancho de
banda
Formateo
de página
Accesibilidad

Contenu connexe

Similaire à CSS OK.pptx (20)

CSS estilos.pptx
CSS estilos.pptxCSS estilos.pptx
CSS estilos.pptx
 
Paginas web css
Paginas web cssPaginas web css
Paginas web css
 
Deber2 css 21
Deber2 css 21Deber2 css 21
Deber2 css 21
 
css presentacion.pptx
css presentacion.pptxcss presentacion.pptx
css presentacion.pptx
 
Html vs css
Html vs cssHtml vs css
Html vs css
 
Manual css 01
Manual css 01Manual css 01
Manual css 01
 
Trabajo final tecnologias web
Trabajo final tecnologias webTrabajo final tecnologias web
Trabajo final tecnologias web
 
HTML.ppt
HTML.pptHTML.ppt
HTML.ppt
 
Presentación de html, css y javascript.
Presentación  de html, css y javascript.Presentación  de html, css y javascript.
Presentación de html, css y javascript.
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Introduccion historia css
Introduccion historia cssIntroduccion historia css
Introduccion historia css
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 
Hojas de calculo CSS
Hojas de calculo CSSHojas de calculo CSS
Hojas de calculo CSS
 
Introduccion al Desarrollo web - slides
Introduccion al Desarrollo web - slidesIntroduccion al Desarrollo web - slides
Introduccion al Desarrollo web - slides
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
10 lenguajes de-marcado
10 lenguajes de-marcado10 lenguajes de-marcado
10 lenguajes de-marcado
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
Css hojas de-estilo
Css hojas de-estiloCss hojas de-estilo
Css hojas de-estilo
 
DISEÑO WEB 2020-2021 - 1ª PARTE
DISEÑO WEB 2020-2021 - 1ª PARTEDISEÑO WEB 2020-2021 - 1ª PARTE
DISEÑO WEB 2020-2021 - 1ª PARTE
 
LECCIÓN N°1
LECCIÓN N°1LECCIÓN N°1
LECCIÓN N°1
 

Plus de IbettJaquelineYataco1 (13)

diapositivasdesgbd-170504023703.pdf
diapositivasdesgbd-170504023703.pdfdiapositivasdesgbd-170504023703.pdf
diapositivasdesgbd-170504023703.pdf
 
13 (2).ppt
13 (2).ppt13 (2).ppt
13 (2).ppt
 
adm. base de datos intro.pdf
adm. base de datos intro.pdfadm. base de datos intro.pdf
adm. base de datos intro.pdf
 
DIAPOSITIVAS.pptx
DIAPOSITIVAS.pptxDIAPOSITIVAS.pptx
DIAPOSITIVAS.pptx
 
NORMALIZACION DE DATOS.pptx
NORMALIZACION DE DATOS.pptxNORMALIZACION DE DATOS.pptx
NORMALIZACION DE DATOS.pptx
 
SIX ZIGMA.pptx
SIX ZIGMA.pptxSIX ZIGMA.pptx
SIX ZIGMA.pptx
 
expotema2spi-adointernacional-120918123155-phpapp01.pdf
expotema2spi-adointernacional-120918123155-phpapp01.pdfexpotema2spi-adointernacional-120918123155-phpapp01.pdf
expotema2spi-adointernacional-120918123155-phpapp01.pdf
 
ÍNDICE.docx
ÍNDICE.docxÍNDICE.docx
ÍNDICE.docx
 
TRIPTICO PARTE 1 (1) (1).docx
TRIPTICO PARTE 1 (1) (1).docxTRIPTICO PARTE 1 (1) (1).docx
TRIPTICO PARTE 1 (1) (1).docx
 
TRIPTICO PARTE 1 (2).docx
TRIPTICO PARTE 1 (2).docxTRIPTICO PARTE 1 (2).docx
TRIPTICO PARTE 1 (2).docx
 
TRIPTICO PARTE 1 (1) ,,,,,,.docx
TRIPTICO PARTE 1 (1) ,,,,,,.docxTRIPTICO PARTE 1 (1) ,,,,,,.docx
TRIPTICO PARTE 1 (1) ,,,,,,.docx
 
Consecuencias trabajo infantil
Consecuencias trabajo infantilConsecuencias trabajo infantil
Consecuencias trabajo infantil
 
Álbum patriótico
Álbum patriótico Álbum patriótico
Álbum patriótico
 

Dernier

Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Katherine Concepcion Gonzalez
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfMercedes Gonzalez
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxNadiaMartnez11
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOPsicoterapia Holística
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptNancyMoreiraMora1
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primariaWilian24
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCCarlosEduardoSosa2
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfUPTAIDELTACHIRA
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfpatriciaines1993
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024IES Vicent Andres Estelles
 

Dernier (20)

Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 

CSS OK.pptx

  • 1. ALUMNA: IBETT YATACO SOLIS DOCENTE: LUIS AURIS RAMOS CICLO: VI
  • 2. Hojas de Estilo en Cascada (Cascading Style Sheets) es el lenguaje utilizado para describir la presentación de documentos HTML o XML. CSS describe como debe ser renderizado el elemento estructurado en pantalla.
  • 3. Al principio las páginas web estaban hechas sólo con HTML, sin embargo pronto se vio que este lenguaje tenía muchas limitaciones cuando se quería hacer el diseño de la página y el estilo de sus elementos. Para solucionar esto se creó el lenguaje CSS. Con CSS separamos los dos aspectos de la página. Por un lado con HTML nos ocupamos del contenido, y por otro con CSS nos ocupamos del estilo. De esta manera, aunque tenemos que utilizar dos códigos diferentes, los códigos quedan mucho más claros.
  • 4. Desde la creación de este lenguaje ha habido varias versiones. La primera es CSS 1, y la actual es CSS 2.1; se está trabajando actualmente en una nueva versión más avanzada, CSS 3. El problema es que no todos los navegadores interpretan correctamente la versión CSS 3. CSS1 CSS2 CSS3
  • 5. La primera especificación oficial de CSS, recomendada por la W3C fue CSS1, publicada en diciembre de 1995, y abandonada en abril de 2008. Algunas de las funcionalidades que ofrece son:  Propiedades de las fuentes, como tipo, tamaño, énfasis...  Color de texto, fondos, bordes u otros elementos.  Atributos del texto, como espaciado entre palabras, letras, líneas, etcétera.  Alineación de textos, imágenes, tablas u otros.  Propiedades de caja, como margen, borde, relleno o espaciado.  Propiedades de identificación y presentación de listas.
  • 6. La especificación CSS2 fue desarrollada por la W3C y publicada como recomendación en mayo de 1998, y abandonada en abril de 2008. Como ampliación de CSS1, se ofrecieron, entre otras:  Las funcionalidades propias de las capas (<div>) como de posicionamiento relativo/absoluto/fijo, niveles (z-index), etcétera.  El concepto de "media types".  Soporte para las hojas de estilo auditivas  Texto bidireccional, sombras, etcétera.
  • 7. A diferencia de CSS2, que fue una única especificación que definía varias funcionalidades, CSS3 está dividida en varios documentos separados, llamados "módulos". Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para mantener la compatibilidad. Los trabajos en el CSS3, comenzaron a la vez que se publicó la recomendación oficial de CSS2, y los primeros borradores de CSS3 fueron liberados en junio de 1999.
  • 8.
  • 9. Separación del contenido y la presentación Consistencia del sitio Ancho de banda Formateo de página Accesibilidad