SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Hojas de Estilo en
Cascada
CSS (Cascading Style Sheets)
CARLOS ANTONIO BARAJAS RAMIREZ
El lenguaje HTML es poco flexible a la hora de
controlar la apariencia de una página. Los
problemas aparecen en el momento en que
HTML empieza a utilizarse para crear "imagen
de marca".
Una característica esencial de las hojas de estilo en
cascada (CSS) es la posibilidad de separar los elementos
formales de los de contenido. De esta forma, sólo con
una pequeña modificación de la hoja de estilo es
posible cambiar el aspecto de todas las páginas en las
que se aplica esa hoja.
¿Por qué se llaman hojas de estilo?
Con las hojas de estilo podemos crear clases y pseudoclases. Éstas nos permiten modificar e
indicarle al navegador la forma en la que tiene que presentar cualquier elemento HTML.
¿Por qué se llaman "en cascada"?
Cuando creamos un estilo, las especificaciones que se realicen para un determinado
elemento serán aplicables a todos aquellos elementos que se encuentren "por debajo" de él
atendiendo a un criterio de herencia. Por ejemplo, si especificamos un tipo de letra para el
elemento <body> todos aquellos elementos que puedan heredar las características se
presentarán con el mismo tipo de fuente. Así, el elemento <p> heredará el tipo de letra
salvo que especifiquemos lo contrario.
Formas de establecer el CSS
- Estilo especificado dentro de la etiqueta.
- Estilo especificado en la cabecera del documento.
- Estilo definido en un documento independiente al que se
enlaza nuestra página.
Sintaxis
background
background-attachment
background-coloR
background-image
background-position
background-repeat
OBJETOS MODIFICABLES
border
border-color
border-style
border-width
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-top
border-top-color
border-top-style
border-top-width
font
font-family
font-size
font-style
font-weight
font-variant
font-height
list-style
list-style-image
list-style-position
list-style-type
margin
margin-top
margin-right
margin-bottom
margin- left
padding
padding-top
padding-right
padding-bottom
padding-left
VENTAJAS DE CSS
Con una Hoja de Estilo podemos modificar la presentación de cada elemento sin modificar
el código HTML, ahorrando esfuerzo y tiempo de edición. Así, el mantenimiento del sitio
web se hace más sencillo.
El lenguaje CSS ofrece una amplia gama de herramientas de composición más potentes que
HTML.
Con CSS se evita tener que recurrir a “trucos” para conseguir algunos efectos.
Las Hojas de Estilo pueden usarse con otros lenguajes de programación (por ejemplo
JavaScript) para conseguir efectos dinámicos en las páginas.
Se pueden especificar Hojas de Estilo para distintos navegadores.
Los usuarios con alguna discapacidad pueden definir su propia Hoja de Estilo y la regla
!import obligará al navegador a suplantar la Hoja de Estilo del autor de la página.
DESVENTAJAS
Si hay problemas o limitaciones de
compatibilidades, el navegador aplicará el
formato predeterminado y nuestro trabajo de
composición habrá sido inútil.
Algunas propiedades de las CSS pueden
provocar que una parte del contenido de
nuestra página resulte inaccesible desde
algunos navegadores.

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Que es css
Que es cssQue es css
Que es css
 
Presenpabo
PresenpaboPresenpabo
Presenpabo
 
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?
 
Css intro
Css introCss intro
Css intro
 
Acá les dejo un pequeño power poin.
Acá les dejo un pequeño power poin.Acá les dejo un pequeño power poin.
Acá les dejo un pequeño power poin.
 
Presentaciones efectivas con Word
Presentaciones efectivas con WordPresentaciones efectivas con Word
Presentaciones efectivas con Word
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)
 
Introduccion historia css
Introduccion historia cssIntroduccion historia css
Introduccion historia css
 
Presentación
PresentaciónPresentación
Presentación
 
Maquetar pagina html con css
Maquetar pagina html con cssMaquetar pagina html con css
Maquetar pagina html con css
 
Hojas de calculo CSS
Hojas de calculo CSSHojas de calculo CSS
Hojas de calculo CSS
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
CSS - Hojas de Estilo en Cascada
CSS - Hojas de Estilo en CascadaCSS - Hojas de Estilo en Cascada
CSS - Hojas de Estilo en Cascada
 
Hojas de estilo cascada
Hojas de estilo cascadaHojas de estilo cascada
Hojas de estilo cascada
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSS
 
Hojas de estilo
Hojas de estiloHojas de estilo
Hojas de estilo
 
Qué es css
Qué es cssQué es css
Qué es css
 
Estilos cascadas
Estilos cascadasEstilos cascadas
Estilos cascadas
 
Css Introducción
Css IntroducciónCss Introducción
Css Introducción
 
1. Introducción a las Hojas de estilo (CSS)
1. Introducción a las Hojas de estilo (CSS)1. Introducción a las Hojas de estilo (CSS)
1. Introducción a las Hojas de estilo (CSS)
 

Ähnlich wie Css (20)

Gordo
GordoGordo
Gordo
 
programacion
programacionprogramacion
programacion
 
Presentación de css
Presentación de cssPresentación de css
Presentación de css
 
Presentación de css
Presentación de cssPresentación de css
Presentación de css
 
Diseño web con css
Diseño web con cssDiseño web con css
Diseño web con css
 
Hojas de estilo_css
Hojas de estilo_cssHojas de estilo_css
Hojas de estilo_css
 
Organigramas John Jayro
Organigramas John JayroOrganigramas John Jayro
Organigramas John Jayro
 
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
 
Investigacion 1.3 samanta
Investigacion 1.3 samantaInvestigacion 1.3 samanta
Investigacion 1.3 samanta
 
Dhtml
DhtmlDhtml
Dhtml
 
Esilo css
Esilo cssEsilo css
Esilo css
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
Lenguaje html y css
Lenguaje html y cssLenguaje html y css
Lenguaje html y css
 
Lenguaje html y css
Lenguaje html y cssLenguaje html y css
Lenguaje html y 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
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Conceptos básicos HTML
Conceptos básicos HTMLConceptos básicos HTML
Conceptos básicos HTML
 
Semana 3 Introduccion CSS
Semana 3   Introduccion CSSSemana 3   Introduccion CSS
Semana 3 Introduccion CSS
 

Kürzlich hochgeladen

5. Célula animal y vegetal y sus diferencias.pptx
5. Célula animal y vegetal y sus diferencias.pptx5. Célula animal y vegetal y sus diferencias.pptx
5. Célula animal y vegetal y sus diferencias.pptxealva1
 
Reino Protista: su clasificación y características
Reino Protista: su clasificación y característicasReino Protista: su clasificación y características
Reino Protista: su clasificación y característicasmiguellopez895525
 
La independencia de México único resistencia y consumación
La independencia de México único resistencia y consumaciónLa independencia de México único resistencia y consumación
La independencia de México único resistencia y consumaciónMoralesSantizBrendaL
 
fundamentos del mejoramiento genético en los animales
fundamentos del mejoramiento genético en los animalesfundamentos del mejoramiento genético en los animales
fundamentos del mejoramiento genético en los animalesJuanVillarreal79
 
NEMATODOS TISULARES-2020.pdf, DE LA UNAN MANAGUA
NEMATODOS TISULARES-2020.pdf, DE LA UNAN MANAGUANEMATODOS TISULARES-2020.pdf, DE LA UNAN MANAGUA
NEMATODOS TISULARES-2020.pdf, DE LA UNAN MANAGUAcelixfabiolacaleropa
 
Hugo Ruiz - Principios de la Agricultura Sintropica.pptx
Hugo Ruiz - Principios de la Agricultura Sintropica.pptxHugo Ruiz - Principios de la Agricultura Sintropica.pptx
Hugo Ruiz - Principios de la Agricultura Sintropica.pptxhugoenriqueruizchaco1
 
CLASE 2- INFECCIONES nosocomialescesalud.pptx
CLASE 2- INFECCIONES nosocomialescesalud.pptxCLASE 2- INFECCIONES nosocomialescesalud.pptx
CLASE 2- INFECCIONES nosocomialescesalud.pptxLuisaPerdomo16
 
Virus del dengue perú 2024 diagnostico,manejo,
Virus del dengue perú 2024 diagnostico,manejo,Virus del dengue perú 2024 diagnostico,manejo,
Virus del dengue perú 2024 diagnostico,manejo,KiaraIbaezParedes
 
Presentación digital Sobre ecosistemas, la selva
Presentación digital Sobre ecosistemas, la selvaPresentación digital Sobre ecosistemas, la selva
Presentación digital Sobre ecosistemas, la selvajesusvelazquez601
 
Coherencia textual II Práctica dirigida h
Coherencia textual II Práctica dirigida hCoherencia textual II Práctica dirigida h
Coherencia textual II Práctica dirigida hSalomDB1
 
CEREBRO Y CONDUCTA ESPECIALIDAD GM_091358.pptx
CEREBRO Y CONDUCTA ESPECIALIDAD GM_091358.pptxCEREBRO Y CONDUCTA ESPECIALIDAD GM_091358.pptx
CEREBRO Y CONDUCTA ESPECIALIDAD GM_091358.pptxfranciscofernandez106395
 
INTRODUCCIÓN A LAS CIENCIAS SOCIALES.pdf
INTRODUCCIÓN A LAS CIENCIAS SOCIALES.pdfINTRODUCCIÓN A LAS CIENCIAS SOCIALES.pdf
INTRODUCCIÓN A LAS CIENCIAS SOCIALES.pdfelsithakookmin
 
TEJIDOS HISTOLÓGICOS osteona, canal de haves.pptx
TEJIDOS HISTOLÓGICOS osteona, canal de haves.pptxTEJIDOS HISTOLÓGICOS osteona, canal de haves.pptx
TEJIDOS HISTOLÓGICOS osteona, canal de haves.pptxmorajoe2109
 
Zambrano, R. - Historia mínima de la música en Occidente [2013].pdf
Zambrano, R. - Historia mínima de la música en Occidente [2013].pdfZambrano, R. - Historia mínima de la música en Occidente [2013].pdf
Zambrano, R. - Historia mínima de la música en Occidente [2013].pdffrank0071
 
Documento Técnico Base del Inventario de Especies Vegetales Nativas del Estad...
Documento Técnico Base del Inventario de Especies Vegetales Nativas del Estad...Documento Técnico Base del Inventario de Especies Vegetales Nativas del Estad...
Documento Técnico Base del Inventario de Especies Vegetales Nativas del Estad...Juan Carlos Fonseca Mata
 
propiedades y clasificacion de los materiales metalicos
propiedades y clasificacion de los materiales metalicospropiedades y clasificacion de los materiales metalicos
propiedades y clasificacion de los materiales metalicosOmarazahiSalinasLpez
 
Sistema Endocrino, rol de los receptores hormonales, hormonas circulantes y l...
Sistema Endocrino, rol de los receptores hormonales, hormonas circulantes y l...Sistema Endocrino, rol de los receptores hormonales, hormonas circulantes y l...
Sistema Endocrino, rol de los receptores hormonales, hormonas circulantes y l...GloriaMeza12
 
DIAPOSITIVASDEPRIMERACATEGORIAIIPARTE (1).pptx
DIAPOSITIVASDEPRIMERACATEGORIAIIPARTE (1).pptxDIAPOSITIVASDEPRIMERACATEGORIAIIPARTE (1).pptx
DIAPOSITIVASDEPRIMERACATEGORIAIIPARTE (1).pptxprofesionalscontable
 
Evangelismo los pasos para logar la sancion
Evangelismo los pasos para logar la sancionEvangelismo los pasos para logar la sancion
Evangelismo los pasos para logar la sancionniro13
 
PLAN DE TUTORÍA DEL AULA PARA SEGUNDO GRADO
PLAN DE TUTORÍA DEL AULA PARA  SEGUNDO GRADOPLAN DE TUTORÍA DEL AULA PARA  SEGUNDO GRADO
PLAN DE TUTORÍA DEL AULA PARA SEGUNDO GRADOunsaalfredo
 

Kürzlich hochgeladen (20)

5. Célula animal y vegetal y sus diferencias.pptx
5. Célula animal y vegetal y sus diferencias.pptx5. Célula animal y vegetal y sus diferencias.pptx
5. Célula animal y vegetal y sus diferencias.pptx
 
Reino Protista: su clasificación y características
Reino Protista: su clasificación y característicasReino Protista: su clasificación y características
Reino Protista: su clasificación y características
 
La independencia de México único resistencia y consumación
La independencia de México único resistencia y consumaciónLa independencia de México único resistencia y consumación
La independencia de México único resistencia y consumación
 
fundamentos del mejoramiento genético en los animales
fundamentos del mejoramiento genético en los animalesfundamentos del mejoramiento genético en los animales
fundamentos del mejoramiento genético en los animales
 
NEMATODOS TISULARES-2020.pdf, DE LA UNAN MANAGUA
NEMATODOS TISULARES-2020.pdf, DE LA UNAN MANAGUANEMATODOS TISULARES-2020.pdf, DE LA UNAN MANAGUA
NEMATODOS TISULARES-2020.pdf, DE LA UNAN MANAGUA
 
Hugo Ruiz - Principios de la Agricultura Sintropica.pptx
Hugo Ruiz - Principios de la Agricultura Sintropica.pptxHugo Ruiz - Principios de la Agricultura Sintropica.pptx
Hugo Ruiz - Principios de la Agricultura Sintropica.pptx
 
CLASE 2- INFECCIONES nosocomialescesalud.pptx
CLASE 2- INFECCIONES nosocomialescesalud.pptxCLASE 2- INFECCIONES nosocomialescesalud.pptx
CLASE 2- INFECCIONES nosocomialescesalud.pptx
 
Virus del dengue perú 2024 diagnostico,manejo,
Virus del dengue perú 2024 diagnostico,manejo,Virus del dengue perú 2024 diagnostico,manejo,
Virus del dengue perú 2024 diagnostico,manejo,
 
Presentación digital Sobre ecosistemas, la selva
Presentación digital Sobre ecosistemas, la selvaPresentación digital Sobre ecosistemas, la selva
Presentación digital Sobre ecosistemas, la selva
 
Coherencia textual II Práctica dirigida h
Coherencia textual II Práctica dirigida hCoherencia textual II Práctica dirigida h
Coherencia textual II Práctica dirigida h
 
CEREBRO Y CONDUCTA ESPECIALIDAD GM_091358.pptx
CEREBRO Y CONDUCTA ESPECIALIDAD GM_091358.pptxCEREBRO Y CONDUCTA ESPECIALIDAD GM_091358.pptx
CEREBRO Y CONDUCTA ESPECIALIDAD GM_091358.pptx
 
INTRODUCCIÓN A LAS CIENCIAS SOCIALES.pdf
INTRODUCCIÓN A LAS CIENCIAS SOCIALES.pdfINTRODUCCIÓN A LAS CIENCIAS SOCIALES.pdf
INTRODUCCIÓN A LAS CIENCIAS SOCIALES.pdf
 
TEJIDOS HISTOLÓGICOS osteona, canal de haves.pptx
TEJIDOS HISTOLÓGICOS osteona, canal de haves.pptxTEJIDOS HISTOLÓGICOS osteona, canal de haves.pptx
TEJIDOS HISTOLÓGICOS osteona, canal de haves.pptx
 
Zambrano, R. - Historia mínima de la música en Occidente [2013].pdf
Zambrano, R. - Historia mínima de la música en Occidente [2013].pdfZambrano, R. - Historia mínima de la música en Occidente [2013].pdf
Zambrano, R. - Historia mínima de la música en Occidente [2013].pdf
 
Documento Técnico Base del Inventario de Especies Vegetales Nativas del Estad...
Documento Técnico Base del Inventario de Especies Vegetales Nativas del Estad...Documento Técnico Base del Inventario de Especies Vegetales Nativas del Estad...
Documento Técnico Base del Inventario de Especies Vegetales Nativas del Estad...
 
propiedades y clasificacion de los materiales metalicos
propiedades y clasificacion de los materiales metalicospropiedades y clasificacion de los materiales metalicos
propiedades y clasificacion de los materiales metalicos
 
Sistema Endocrino, rol de los receptores hormonales, hormonas circulantes y l...
Sistema Endocrino, rol de los receptores hormonales, hormonas circulantes y l...Sistema Endocrino, rol de los receptores hormonales, hormonas circulantes y l...
Sistema Endocrino, rol de los receptores hormonales, hormonas circulantes y l...
 
DIAPOSITIVASDEPRIMERACATEGORIAIIPARTE (1).pptx
DIAPOSITIVASDEPRIMERACATEGORIAIIPARTE (1).pptxDIAPOSITIVASDEPRIMERACATEGORIAIIPARTE (1).pptx
DIAPOSITIVASDEPRIMERACATEGORIAIIPARTE (1).pptx
 
Evangelismo los pasos para logar la sancion
Evangelismo los pasos para logar la sancionEvangelismo los pasos para logar la sancion
Evangelismo los pasos para logar la sancion
 
PLAN DE TUTORÍA DEL AULA PARA SEGUNDO GRADO
PLAN DE TUTORÍA DEL AULA PARA  SEGUNDO GRADOPLAN DE TUTORÍA DEL AULA PARA  SEGUNDO GRADO
PLAN DE TUTORÍA DEL AULA PARA SEGUNDO GRADO
 

Css