SlideShare una empresa de Scribd logo
1 de 5
Hojas de Estilo - CSS Se utilizan para definir la presentación de un documento escrito en HTML; con ellas establecemos el aspecto de cada elemento, el color, tamaño, tipo de letra, posición.
Incluir hojas de estilo en una web Dentro del documento HTML etiqueta <style> Utilizando una hoja de estilo externa etiqueta <link> Fichero style.css
Propiedades de los elementos de una hoja de estilos En las hojas de estilo primero se establecen las propiedades generales y luego se crean estilos para cada una de las partes.
Ventajas de utilizar Css Sencillez al realizar cambios en la presentación del contenido: si utilizamos hojas de estilo solo tenemos que cambiar la propiedad que indique el tipo de letra. Facilidad para dividir el contenido de la página: En HTML es difícil indicar divisores tan marcadas como CSS Mayor accesibilidad de la Web: se hace más accesible gracias a la sencillez en el código.
Actividades T1A6:Crea una hoja de estilo que tenga el elemento body con las siguientes propiedades: Tipo letra: Verdana Tamaño letra: 0.8.em. Fondo: azul; Color de letra: rojo;

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
 
Herramientas de word y sus funciones (2)
Herramientas de word y sus funciones (2)Herramientas de word y sus funciones (2)
Herramientas de word y sus funciones (2)wall2t
 
Capítulo 13 Parte 2
Capítulo 13 Parte 2Capítulo 13 Parte 2
Capítulo 13 Parte 2Tay_SR
 
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.nl21
 
Conceptos html
Conceptos htmlConceptos html
Conceptos htmlNatyLiza
 
0.Indice de Contenidos
0.Indice de Contenidos0.Indice de Contenidos
0.Indice de Contenidoslarasaregune
 
Instrucciones html
Instrucciones htmlInstrucciones html
Instrucciones htmlwenorro
 
Conceptos Básicos CSS
Conceptos Básicos CSSConceptos Básicos CSS
Conceptos Básicos CSSPatricio Mas
 
Tutorial con las teclas de método abreviado,
Tutorial con las teclas de método abreviado,Tutorial con las teclas de método abreviado,
Tutorial con las teclas de método abreviado,vabril98
 

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
 
Introduccion a css edgar pedro sanchez
Introduccion a css   edgar pedro sanchezIntroduccion a css   edgar pedro sanchez
Introduccion a css edgar pedro sanchez
 
Presentación3
Presentación3Presentación3
Presentación3
 
Herramientas de word y sus funciones (2)
Herramientas de word y sus funciones (2)Herramientas de word y sus funciones (2)
Herramientas de word y sus funciones (2)
 
Curso FPE Diseño Web. Módulo 4. CSS
Curso FPE Diseño Web. Módulo 4. CSSCurso FPE Diseño Web. Módulo 4. CSS
Curso FPE Diseño Web. Módulo 4. CSS
 
CSS EN HTML5
CSS EN HTML5CSS EN HTML5
CSS EN HTML5
 
Capítulo 13 Parte 2
Capítulo 13 Parte 2Capítulo 13 Parte 2
Capítulo 13 Parte 2
 
Css
CssCss
Css
 
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.
 
Conceptos html
Conceptos htmlConceptos html
Conceptos html
 
Hablando de css
Hablando de cssHablando de css
Hablando de css
 
0.Indice de Contenidos
0.Indice de Contenidos0.Indice de Contenidos
0.Indice de Contenidos
 
Que es css
Que es cssQue es css
Que es css
 
Instrucciones html
Instrucciones htmlInstrucciones html
Instrucciones html
 
Diferencias &lt;3
Diferencias &lt;3Diferencias &lt;3
Diferencias &lt;3
 
Css
CssCss
Css
 
Id’s y classes
Id’s y classesId’s y classes
Id’s y classes
 
Conceptos Básicos CSS
Conceptos Básicos CSSConceptos Básicos CSS
Conceptos Básicos CSS
 
Tutorial con las teclas de método abreviado,
Tutorial con las teclas de método abreviado,Tutorial con las teclas de método abreviado,
Tutorial con las teclas de método abreviado,
 

Destacado

Certificado desarrollo web y movil con HTML5 y CSS3
Certificado desarrollo web y movil con HTML5 y CSS3Certificado desarrollo web y movil con HTML5 y CSS3
Certificado desarrollo web y movil con HTML5 y CSS3Wilder Bolaños Gómez
 
Hojas de Estilo
Hojas de EstiloHojas de Estilo
Hojas de Estilomontilinux
 
Introduccion historia css
Introduccion historia cssIntroduccion historia css
Introduccion historia cssJohn Orellana
 
Hojas de estilo
Hojas de estiloHojas de estilo
Hojas de estilowenorro
 
Introduccion al HTML
Introduccion al HTMLIntroduccion al HTML
Introduccion al HTMLJorge Llanten
 
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTMLJorge Llanten
 
Direccion ip
Direccion ipDireccion ip
Direccion iplaura1352
 
Arquitectura de un Ordenador
Arquitectura  de  un  OrdenadorArquitectura  de  un  Ordenador
Arquitectura de un Ordenadorgeopaloma
 
Ejercicios de subnetting
Ejercicios de subnetting Ejercicios de subnetting
Ejercicios de subnetting Marcelo Herrera
 
Direccionamiento ip y subredes
Direccionamiento ip y subredesDireccionamiento ip y subredes
Direccionamiento ip y subredesiuzeth Sabillon
 
Direccionamiento ejercios resueltos
Direccionamiento   ejercios resueltosDireccionamiento   ejercios resueltos
Direccionamiento ejercios resueltoskimimarotyson
 

Destacado (16)

Certificado desarrollo web y movil con HTML5 y CSS3
Certificado desarrollo web y movil con HTML5 y CSS3Certificado desarrollo web y movil con HTML5 y CSS3
Certificado desarrollo web y movil con HTML5 y CSS3
 
Hojas de Estilo
Hojas de EstiloHojas de Estilo
Hojas de Estilo
 
Introduccion historia css
Introduccion historia cssIntroduccion historia css
Introduccion historia css
 
Hojas de estilo
Hojas de estiloHojas de estilo
Hojas de estilo
 
Marcado Html
Marcado HtmlMarcado Html
Marcado Html
 
Introduccion al HTML
Introduccion al HTMLIntroduccion al HTML
Introduccion al HTML
 
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTML
 
Direccion ip
Direccion ipDireccion ip
Direccion ip
 
Arquitectura de un Ordenador
Arquitectura  de  un  OrdenadorArquitectura  de  un  Ordenador
Arquitectura de un Ordenador
 
Ejercicios de subnetting
Ejercicios de subnetting Ejercicios de subnetting
Ejercicios de subnetting
 
Ejercicios-de-subneteo(listos)
 Ejercicios-de-subneteo(listos) Ejercicios-de-subneteo(listos)
Ejercicios-de-subneteo(listos)
 
Calculo de sub redes
Calculo de sub redesCalculo de sub redes
Calculo de sub redes
 
Direccionamiento ip y subredes
Direccionamiento ip y subredesDireccionamiento ip y subredes
Direccionamiento ip y subredes
 
DIRECCIONAMIENTO IP BASICO I
DIRECCIONAMIENTO IP BASICO IDIRECCIONAMIENTO IP BASICO I
DIRECCIONAMIENTO IP BASICO I
 
Direccionamiento ejercios resueltos
Direccionamiento   ejercios resueltosDireccionamiento   ejercios resueltos
Direccionamiento ejercios resueltos
 
Direccionamiento Ip Y Subredes Ejercicios Resueltos
Direccionamiento Ip Y Subredes Ejercicios ResueltosDireccionamiento Ip Y Subredes Ejercicios Resueltos
Direccionamiento Ip Y Subredes Ejercicios Resueltos
 

Similar a Hojas de Estilo CSS (20)

Css.html(1)
Css.html(1)Css.html(1)
Css.html(1)
 
css
csscss
css
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 
Paginas web css
Paginas web cssPaginas web css
Paginas web css
 
Introducción a CSS
Introducción a CSSIntroducción a CSS
Introducción a CSS
 
Conceptos html
Conceptos  htmlConceptos  html
Conceptos html
 
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.
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
Css - Tema 1
Css - Tema 1Css - Tema 1
Css - Tema 1
 
Organización de contenido en dreamweaver
Organización de contenido en dreamweaverOrganización de contenido en dreamweaver
Organización de contenido en dreamweaver
 
guia sintaxis css.pdf
guia sintaxis css.pdfguia sintaxis css.pdf
guia sintaxis css.pdf
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Conceptos básicos HTML
Conceptos básicos HTMLConceptos básicos HTML
Conceptos básicos HTML
 
Html
HtmlHtml
Html
 
Introducción a CSS3
Introducción a CSS3Introducción a CSS3
Introducción a CSS3
 
programacion
programacionprogramacion
programacion
 
Hojas de estilo_css
Hojas de estilo_cssHojas de estilo_css
Hojas de estilo_css
 
Las hojas de estilo CSS
Las hojas de estilo CSSLas hojas de estilo CSS
Las hojas de estilo CSS
 
Gordo
GordoGordo
Gordo
 

Más de Nieves Marlasca Jorge (8)

Bdt4pinacoteca
Bdt4pinacotecaBdt4pinacoteca
Bdt4pinacoteca
 
T4BaseDatos Toros
T4BaseDatos TorosT4BaseDatos Toros
T4BaseDatos Toros
 
Hojas de Estilo CSS
Hojas de Estilo CSSHojas de Estilo CSS
Hojas de Estilo CSS
 
Modificacion de registros en ficheros
Modificacion de registros en ficherosModificacion de registros en ficheros
Modificacion de registros en ficheros
 
Fichero de estructuras
Fichero de estructurasFichero de estructuras
Fichero de estructuras
 
DNIe
DNIeDNIe
DNIe
 
Estructuras punteros
Estructuras punterosEstructuras punteros
Estructuras punteros
 
Recursos Compartidos
Recursos CompartidosRecursos Compartidos
Recursos Compartidos
 

Hojas de Estilo CSS

  • 1. Hojas de Estilo - CSS Se utilizan para definir la presentación de un documento escrito en HTML; con ellas establecemos el aspecto de cada elemento, el color, tamaño, tipo de letra, posición.
  • 2. Incluir hojas de estilo en una web Dentro del documento HTML etiqueta <style> Utilizando una hoja de estilo externa etiqueta <link> Fichero style.css
  • 3. Propiedades de los elementos de una hoja de estilos En las hojas de estilo primero se establecen las propiedades generales y luego se crean estilos para cada una de las partes.
  • 4. Ventajas de utilizar Css Sencillez al realizar cambios en la presentación del contenido: si utilizamos hojas de estilo solo tenemos que cambiar la propiedad que indique el tipo de letra. Facilidad para dividir el contenido de la página: En HTML es difícil indicar divisores tan marcadas como CSS Mayor accesibilidad de la Web: se hace más accesible gracias a la sencillez en el código.
  • 5. Actividades T1A6:Crea una hoja de estilo que tenga el elemento body con las siguientes propiedades: Tipo letra: Verdana Tamaño letra: 0.8.em. Fondo: azul; Color de letra: rojo;