SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
HTML versus CSS
En los entornos científicos en que la Web fue concebida, la gente estaba más preocupada por el contenido de sus páginas que por
su presentación. A medida que la Web era descubierta por más personas de diferentes tipos e intereses, las limitaciones estilísticas
del HTML se convirtieron en fuente de continua frustración. Las Hojas de Estilo o CSS (Cascading Style Sheets - Hojas de Estilo en
Cascada) resuelven estos problemas.
Con las hojas de estilo es más fácil especificar la cantidad de espacio entre líneas, el sangrado de las líneas, los colores a utilizar
para el texto y el fondo, el tamaño y estilo de las fuentes, y otros muchos detalles.
Las hojas de estilo representan, por tanto, un avance importante para los diseñadores de páginas web, al darles un mayor rango
de posibilidades para mejorar la apariencia de sus páginas. Nos permiten generar sitios web de aspecto claro y elegante sin
necesidad de tener que aplicar el formato página a página: definimos las características comunes a todas nuestras páginas una
sola vez, y lo aplicamos tantas veces como deseemos.
Las Hojas de Estilo o CSS (Cascading Style Sheets - Hojas de Estilo en Cascada) son un mecanismo que permite aplicar formato
a los documentos escritos en HTML (y en otros lenguajes estructurados, como XML) separando el contenido de las páginas de su
apariencia:
- la información estará contenida en la página HTML, pero este archivo no debe definir cómo será visualizada esa información
- las indicaciones acerca de la composición visual del documento estarán especificadas en el archivo de la CSS.
Sólo con código HTML encontraremos tanto
las etiquetas para la información como para
la presentación.
Con CSS nos valemos de HTML para definir la estructura de la
información (el contenido), y el aspecto se proporciona
mediante CSS.

Más contenido relacionado

La actualidad más candente

Que es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSQue es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSjosuew2013
 
Capítulo 13 Parte 2
Capítulo 13 Parte 2Capítulo 13 Parte 2
Capítulo 13 Parte 2Tay_SR
 
Conceptos Básicos CSS
Conceptos Básicos CSSConceptos Básicos CSS
Conceptos Básicos CSSPatricio Mas
 
0.Indice de Contenidos
0.Indice de Contenidos0.Indice de Contenidos
0.Indice de Contenidoslarasaregune
 
Planificacionhs de word
Planificacionhs de wordPlanificacionhs de word
Planificacionhs de wordminmmey
 
0.Indice de Contenidos (diseño web con CSS)
0.Indice de Contenidos (diseño web con CSS)0.Indice de Contenidos (diseño web con CSS)
0.Indice de Contenidos (diseño web con CSS)larasaregune
 
Taller: Tableau Public (Semana 4)
Taller: Tableau Public (Semana 4)Taller: Tableau Public (Semana 4)
Taller: Tableau Public (Semana 4)Francisco Pesante
 
menú ver de ofimaticos
menú ver de ofimaticosmenú ver de ofimaticos
menú ver de ofimaticosjesus1b2
 
Word presentacion
Word presentacionWord presentacion
Word presentaciongiannyh
 
Presentación
PresentaciónPresentación
Presentaciónaynosk6
 
Presenpabo
PresenpaboPresenpabo
Presenpabopabobdp
 

La actualidad más candente (19)

Que es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSQue es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSS
 
Raul rosero
Raul roseroRaul rosero
Raul rosero
 
Capítulo 13 Parte 2
Capítulo 13 Parte 2Capítulo 13 Parte 2
Capítulo 13 Parte 2
 
Introduccion a css edgar pedro sanchez
Introduccion a css   edgar pedro sanchezIntroduccion a css   edgar pedro sanchez
Introduccion a css edgar pedro sanchez
 
Conceptos Básicos CSS
Conceptos Básicos CSSConceptos Básicos CSS
Conceptos Básicos CSS
 
0.Indice de Contenidos
0.Indice de Contenidos0.Indice de Contenidos
0.Indice de Contenidos
 
Planificacionhs de word
Planificacionhs de wordPlanificacionhs de word
Planificacionhs de word
 
Pp css
Pp cssPp css
Pp css
 
Css
CssCss
Css
 
Manual de power point
Manual de power pointManual de power point
Manual de power point
 
0.Indice de Contenidos (diseño web con CSS)
0.Indice de Contenidos (diseño web con CSS)0.Indice de Contenidos (diseño web con CSS)
0.Indice de Contenidos (diseño web con CSS)
 
Css
CssCss
Css
 
Taller: Tableau Public (Semana 4)
Taller: Tableau Public (Semana 4)Taller: Tableau Public (Semana 4)
Taller: Tableau Public (Semana 4)
 
menú ver de ofimaticos
menú ver de ofimaticosmenú ver de ofimaticos
menú ver de ofimaticos
 
Word presentacion
Word presentacionWord presentacion
Word presentacion
 
Presentación
PresentaciónPresentación
Presentación
 
Herramientas de word
Herramientas de word Herramientas de word
Herramientas de word
 
Presenpabo
PresenpaboPresenpabo
Presenpabo
 
Octavo
OctavoOctavo
Octavo
 

Destacado

Goini formation-go-les-bases
Goini formation-go-les-basesGoini formation-go-les-bases
Goini formation-go-les-basesCERTyou Formation
 
Gapsk formation-google-sketchup-les-bases
Gapsk formation-google-sketchup-les-basesGapsk formation-google-sketchup-les-bases
Gapsk formation-google-sketchup-les-basesCERTyou Formation
 
Flexb formation-flex-les-bases-et-perfectionnement
Flexb formation-flex-les-bases-et-perfectionnementFlexb formation-flex-les-bases-et-perfectionnement
Flexb formation-flex-les-bases-et-perfectionnementCERTyou Formation
 
Infographic ontwikkeling titelaanbod Nederland per Q3 2015
Infographic ontwikkeling titelaanbod Nederland per Q3 2015Infographic ontwikkeling titelaanbod Nederland per Q3 2015
Infographic ontwikkeling titelaanbod Nederland per Q3 2015Mathijs Suidman
 
Dw731 g formation-ibm-infosphere-streams-v3-administration
Dw731 g formation-ibm-infosphere-streams-v3-administrationDw731 g formation-ibm-infosphere-streams-v3-administration
Dw731 g formation-ibm-infosphere-streams-v3-administrationCERTyou Formation
 
Druwc formation-drupal-pour-webmaster-drupal-commerce
Druwc formation-drupal-pour-webmaster-drupal-commerceDruwc formation-drupal-pour-webmaster-drupal-commerce
Druwc formation-drupal-pour-webmaster-drupal-commerceCERTyou Formation
 
F214 g formation-ibm-case-manager-5-2-integrated-rules
F214 g formation-ibm-case-manager-5-2-integrated-rulesF214 g formation-ibm-case-manager-5-2-integrated-rules
F214 g formation-ibm-case-manager-5-2-integrated-rulesCERTyou Formation
 
Es96 g formation-definition-de-la-configuration-hcd-pour-z-os
Es96 g formation-definition-de-la-configuration-hcd-pour-z-osEs96 g formation-definition-de-la-configuration-hcd-pour-z-os
Es96 g formation-definition-de-la-configuration-hcd-pour-z-osCERTyou Formation
 
Don't Delay School for Summer-Born or Premature Kids
Don't Delay School for Summer-Born or Premature KidsDon't Delay School for Summer-Born or Premature Kids
Don't Delay School for Summer-Born or Premature Kidsfortunatequilt157
 

Destacado (12)

Goini formation-go-les-bases
Goini formation-go-les-basesGoini formation-go-les-bases
Goini formation-go-les-bases
 
Gapsk formation-google-sketchup-les-bases
Gapsk formation-google-sketchup-les-basesGapsk formation-google-sketchup-les-bases
Gapsk formation-google-sketchup-les-bases
 
Flexb formation-flex-les-bases-et-perfectionnement
Flexb formation-flex-les-bases-et-perfectionnementFlexb formation-flex-les-bases-et-perfectionnement
Flexb formation-flex-les-bases-et-perfectionnement
 
Infographic ontwikkeling titelaanbod Nederland per Q3 2015
Infographic ontwikkeling titelaanbod Nederland per Q3 2015Infographic ontwikkeling titelaanbod Nederland per Q3 2015
Infographic ontwikkeling titelaanbod Nederland per Q3 2015
 
Alquiler De Vehiculos Alicante, Espana
Alquiler De Vehiculos Alicante, EspanaAlquiler De Vehiculos Alicante, Espana
Alquiler De Vehiculos Alicante, Espana
 
Dw731 g formation-ibm-infosphere-streams-v3-administration
Dw731 g formation-ibm-infosphere-streams-v3-administrationDw731 g formation-ibm-infosphere-streams-v3-administration
Dw731 g formation-ibm-infosphere-streams-v3-administration
 
Druwc formation-drupal-pour-webmaster-drupal-commerce
Druwc formation-drupal-pour-webmaster-drupal-commerceDruwc formation-drupal-pour-webmaster-drupal-commerce
Druwc formation-drupal-pour-webmaster-drupal-commerce
 
doc14946420140818101424
doc14946420140818101424doc14946420140818101424
doc14946420140818101424
 
slidecast
slidecastslidecast
slidecast
 
F214 g formation-ibm-case-manager-5-2-integrated-rules
F214 g formation-ibm-case-manager-5-2-integrated-rulesF214 g formation-ibm-case-manager-5-2-integrated-rules
F214 g formation-ibm-case-manager-5-2-integrated-rules
 
Es96 g formation-definition-de-la-configuration-hcd-pour-z-os
Es96 g formation-definition-de-la-configuration-hcd-pour-z-osEs96 g formation-definition-de-la-configuration-hcd-pour-z-os
Es96 g formation-definition-de-la-configuration-hcd-pour-z-os
 
Don't Delay School for Summer-Born or Premature Kids
Don't Delay School for Summer-Born or Premature KidsDon't Delay School for Summer-Born or Premature Kids
Don't Delay School for Summer-Born or Premature Kids
 

Similar a Html vs css (20)

Trabajo css
Trabajo cssTrabajo css
Trabajo css
 
Introducción a CSS
Introducción a CSSIntroducción a CSS
Introducción a CSS
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
manualrapido_css.pdf
manualrapido_css.pdfmanualrapido_css.pdf
manualrapido_css.pdf
 
manua.pdf
manua.pdfmanua.pdf
manua.pdf
 
Manualrapido css
Manualrapido cssManualrapido css
Manualrapido css
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)
 
Diseño de Paginas Web modelo de caja y contenedores caja
Diseño de Paginas Web modelo de caja y contenedores cajaDiseño de Paginas Web modelo de caja y contenedores caja
Diseño de Paginas Web modelo de caja y contenedores caja
 
css
csscss
css
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Paginas web css
Paginas web cssPaginas web css
Paginas web css
 
Qué es CSS y con qué se come?
Qué es CSS y con qué se come?Qué es CSS y con qué se come?
Qué es CSS y con qué se come?
 
introduccic3b3n-css.pptx
introduccic3b3n-css.pptxintroduccic3b3n-css.pptx
introduccic3b3n-css.pptx
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Manual de css
Manual de cssManual de css
Manual de css
 
Qué es css
Qué es cssQué es css
Qué es css
 
Investigacion 1.3 samanta
Investigacion 1.3 samantaInvestigacion 1.3 samanta
Investigacion 1.3 samanta
 
Investigacion 1.3 samanta
Investigacion 1.3 samantaInvestigacion 1.3 samanta
Investigacion 1.3 samanta
 

Último

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minasMirkaCBauer
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 

Último (18)

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minas
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 

Html vs css

  • 1. HTML versus CSS En los entornos científicos en que la Web fue concebida, la gente estaba más preocupada por el contenido de sus páginas que por su presentación. A medida que la Web era descubierta por más personas de diferentes tipos e intereses, las limitaciones estilísticas del HTML se convirtieron en fuente de continua frustración. Las Hojas de Estilo o CSS (Cascading Style Sheets - Hojas de Estilo en Cascada) resuelven estos problemas. Con las hojas de estilo es más fácil especificar la cantidad de espacio entre líneas, el sangrado de las líneas, los colores a utilizar para el texto y el fondo, el tamaño y estilo de las fuentes, y otros muchos detalles. Las hojas de estilo representan, por tanto, un avance importante para los diseñadores de páginas web, al darles un mayor rango de posibilidades para mejorar la apariencia de sus páginas. Nos permiten generar sitios web de aspecto claro y elegante sin necesidad de tener que aplicar el formato página a página: definimos las características comunes a todas nuestras páginas una sola vez, y lo aplicamos tantas veces como deseemos. Las Hojas de Estilo o CSS (Cascading Style Sheets - Hojas de Estilo en Cascada) son un mecanismo que permite aplicar formato a los documentos escritos en HTML (y en otros lenguajes estructurados, como XML) separando el contenido de las páginas de su apariencia: - la información estará contenida en la página HTML, pero este archivo no debe definir cómo será visualizada esa información - las indicaciones acerca de la composición visual del documento estarán especificadas en el archivo de la CSS. Sólo con código HTML encontraremos tanto las etiquetas para la información como para la presentación. Con CSS nos valemos de HTML para definir la estructura de la información (el contenido), y el aspecto se proporciona mediante CSS.