SlideShare una empresa de Scribd logo
Nombre de la materia :  DESARROLLO DE APLICACIONES WEB. Nombre de la alumna :  WENDY CRUZ SOTELO. Grupo :   302 .
 
Son hojas de estilo en cascada es una herramienta fantástica para añadir presentación a los sitios web.  Pueden ahorrarte mucho tiempo y te permitirán diseñar sitios web de un modo totalmente nuevo.  CSS  es un lenguaje como otro cualquiera orientado para definir los parámetros esenciales en un documento HTML. Por ejemplo, con CSS podemos crear parámetros acerca de las fuentes, colores, márgenes, líneas, imágenes de fondo, posición de contenidos, tabulaciones, anchuras, rellenos (paddings), etc.
HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado. Esto suena un poco técnico y confuso... Asi que les explicare como vulgarmente lo decimos con  manzanas.
El inventó el World Wide Web, también llamado como el lenguaje de  HTML,  antes sólo se usaba para añadir estructura al texto.  Ejemplo:
Por ejemplo: Los autores podían marcar sus textos diciendo &quot;esto en un título&quot; o &quot;esto es un párrafo&quot;, usando las etiquetas HTML <h1> y <p>, respectivamente. Y a medida que la Web fue ganando popularidad, los diseñadores empezaron a buscar posibilidades para añadir formato a los documentos en línea. Para satisfacer esta reclamación, los fabricantes de los navegadores (en ese momento, Netscape y Microsoft) inventaron nuevas etiquetas HTML, entre las que se encontraban, por ejemplo, <font>, que se diferenciaba de las etiquetas originales HTML en que definían el formato... y no la estructura.   por ejemplo, <table>, se usaban cada vez más de manera incorrecta para dar formato a las páginas en vez de para añadir estructura al texto. Muchas nuevas etiquetas que añadían formato, por ejemplo, <blink>, sólo las soportaban un tipo determinado de navegador. (Bueno a que quiero llegar con todo eso pues a que…………)
CSS se inventó para remediar esta situación, proporcionando a los diseñadores web con sofisticadas oportunidades de presentación soportadas por todos los navegadores. Al mismo tiempo, la separación de la presentación de los documentos del contenido de los mismos, hace que el mantenimiento del sitio sea mucho más fácil.
CSS fue toda una revolución en el mundo del diseño web. Entre los beneficios concretos de CSS encontramos: control de la presentación de muchos documentos desde una única hoja de estilo ; control más preciso de la presentación; aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.); numerosas técnicas avanzadas y sofisticadas.
Por ejemplo queremos un bonito color para nuestra pagina color rojo. Con HTML lo hubiéramos conseguido así: <body bgcolor=&quot;#FF0000&quot;>  Y con  CSS  el mismo resultado puede lograrse así: body {background-color: #FF0000;}
Como verás, el código usado es más o menos idéntico para HTML y CSS. Eso quiere decir que queda mas o menos así.
La propiedad CSS background-image se usa para insertar una imagen de fondo. ejemplo: body { background-color: #FFCC66;  background-image: url(&quot;butterfly.gif&quot;);  } h1 { color: #990000; background-color: #FC9804 ; } podemos definir un párrafo entero en color rojo y otro en color azul. Para ello utilizamos el atributo style. <p style=&quot;color:#990000&quot;> Esto es un párrafo de color rojo. </p>  <p style=&quot;color:#000099&quot;> Esto es un párrafo de color azul. </p>  Que tiene como resultado:  Esto es un párrafo de color rojo.  Esto es un párrafo de color azul.
 
 
 

Más contenido relacionado

PPTX
PDF
PPTX
Ccs.sandromtz_4101
PPTX
Css (cascading style sheets)
PPTX
Html y xml
PPTX
Periodico Digital
Ccs.sandromtz_4101
Css (cascading style sheets)
Html y xml
Periodico Digital

La actualidad más candente (11)

DOCX
PDF
Trabajo 905
PDF
CSS Hoja de estilo en cascada
PPT
Sesion Nº8 Html Avanzado Frames En El Www
DOCX
DF
DOCX
ada-extra
PPTX
Jose valeriano
DOCX
Colegio nacional nicolás esguerra!!
PPTX
Jessica
DOCX
PPT
Diapositivas 1
Trabajo 905
CSS Hoja de estilo en cascada
Sesion Nº8 Html Avanzado Frames En El Www
DF
ada-extra
Jose valeriano
Colegio nacional nicolás esguerra!!
Jessica
Diapositivas 1
Publicidad

Destacado (10)

PPTX
Fibromialgia
PDF
Aula 15 Fibromialgia
PPT
Fibromialgia slds off
PPT
Fibromialgia
PPTX
Fibromialgia
PPT
Fibromialgia
PPTX
Fibromialgia.ppt
PPTX
(2013-03-21) Fibromialgia (ppt)
PPTX
PPT
La Fibromialgia
Fibromialgia
Aula 15 Fibromialgia
Fibromialgia slds off
Fibromialgia
Fibromialgia
Fibromialgia
Fibromialgia.ppt
(2013-03-21) Fibromialgia (ppt)
La Fibromialgia
Publicidad

Similar a Css wendy (20)

PDF
Hojas de estilo css
PDF
Manual de css
PDF
Manual Css Desarrolloweb.Com
PDF
Css hojas de-estilo
PDF
Manual css 01
PDF
Hojas de estilo css
PDF
Manual css
PDF
Investigacion de pagina web
PDF
Accesibilidad
DOCX
Estándares que utilizamos en nuestra aplicación web
DOCX
PAGINA WEB paucar inga lidia
PDF
Hojas de estilo CSS
PPTX
Hojas de estilo (css)
PDF
Manual css
PPT
DOCX
introducción tecnologías web
DOCX
Consulta de html
DOCX
Investigacion 1.3 samanta
DOCX
Investigacion 1.3 samanta
DOCX
Investigacion 1.3 samanta
Hojas de estilo css
Manual de css
Manual Css Desarrolloweb.Com
Css hojas de-estilo
Manual css 01
Hojas de estilo css
Manual css
Investigacion de pagina web
Accesibilidad
Estándares que utilizamos en nuestra aplicación web
PAGINA WEB paucar inga lidia
Hojas de estilo CSS
Hojas de estilo (css)
Manual css
introducción tecnologías web
Consulta de html
Investigacion 1.3 samanta
Investigacion 1.3 samanta
Investigacion 1.3 samanta

Último (20)

PPTX
historia_web de la creacion de un navegador_presentacion.pptx
PPTX
Sesion 1 de microsoft power point - Clase 1
PDF
Maste clas de estructura metálica y arquitectura
PPTX
Presentación de Redes de Datos modelo osi
PPT
Que son las redes de computadores y sus partes
PDF
clase auditoria informatica 2025.........
PPTX
REDES INFORMATICAS REDES INFORMATICAS.pptx
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
PDF
Calidad desde el Docente y la mejora continua .pdf
PPTX
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPTX
Propuesta BKP servidores con Acronis1.pptx
PDF
CyberOps Associate - Cisco Networking Academy
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PDF
SAP Transportation Management para LSP, TM140 Col18
PPT
introduccion a las_web en el 2025_mejoras.ppt
PPTX
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PDF
taller de informática - LEY DE OHM
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
historia_web de la creacion de un navegador_presentacion.pptx
Sesion 1 de microsoft power point - Clase 1
Maste clas de estructura metálica y arquitectura
Presentación de Redes de Datos modelo osi
Que son las redes de computadores y sus partes
clase auditoria informatica 2025.........
REDES INFORMATICAS REDES INFORMATICAS.pptx
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
Calidad desde el Docente y la mejora continua .pdf
RAP02 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
Propuesta BKP servidores con Acronis1.pptx
CyberOps Associate - Cisco Networking Academy
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
SAP Transportation Management para LSP, TM140 Col18
introduccion a las_web en el 2025_mejoras.ppt
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
taller de informática - LEY DE OHM
Zarate Quispe Alex aldayir aplicaciones de internet .docx

Css wendy

  • 1. Nombre de la materia : DESARROLLO DE APLICACIONES WEB. Nombre de la alumna : WENDY CRUZ SOTELO. Grupo : 302 .
  • 2.  
  • 3. Son hojas de estilo en cascada es una herramienta fantástica para añadir presentación a los sitios web. Pueden ahorrarte mucho tiempo y te permitirán diseñar sitios web de un modo totalmente nuevo. CSS  es un lenguaje como otro cualquiera orientado para definir los parámetros esenciales en un documento HTML. Por ejemplo, con CSS podemos crear parámetros acerca de las fuentes, colores, márgenes, líneas, imágenes de fondo, posición de contenidos, tabulaciones, anchuras, rellenos (paddings), etc.
  • 4. HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado. Esto suena un poco técnico y confuso... Asi que les explicare como vulgarmente lo decimos con manzanas.
  • 5. El inventó el World Wide Web, también llamado como el lenguaje de HTML, antes sólo se usaba para añadir estructura al texto. Ejemplo:
  • 6. Por ejemplo: Los autores podían marcar sus textos diciendo &quot;esto en un título&quot; o &quot;esto es un párrafo&quot;, usando las etiquetas HTML <h1> y <p>, respectivamente. Y a medida que la Web fue ganando popularidad, los diseñadores empezaron a buscar posibilidades para añadir formato a los documentos en línea. Para satisfacer esta reclamación, los fabricantes de los navegadores (en ese momento, Netscape y Microsoft) inventaron nuevas etiquetas HTML, entre las que se encontraban, por ejemplo, <font>, que se diferenciaba de las etiquetas originales HTML en que definían el formato... y no la estructura.   por ejemplo, <table>, se usaban cada vez más de manera incorrecta para dar formato a las páginas en vez de para añadir estructura al texto. Muchas nuevas etiquetas que añadían formato, por ejemplo, <blink>, sólo las soportaban un tipo determinado de navegador. (Bueno a que quiero llegar con todo eso pues a que…………)
  • 7. CSS se inventó para remediar esta situación, proporcionando a los diseñadores web con sofisticadas oportunidades de presentación soportadas por todos los navegadores. Al mismo tiempo, la separación de la presentación de los documentos del contenido de los mismos, hace que el mantenimiento del sitio sea mucho más fácil.
  • 8. CSS fue toda una revolución en el mundo del diseño web. Entre los beneficios concretos de CSS encontramos: control de la presentación de muchos documentos desde una única hoja de estilo ; control más preciso de la presentación; aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.); numerosas técnicas avanzadas y sofisticadas.
  • 9. Por ejemplo queremos un bonito color para nuestra pagina color rojo. Con HTML lo hubiéramos conseguido así: <body bgcolor=&quot;#FF0000&quot;> Y con  CSS  el mismo resultado puede lograrse así: body {background-color: #FF0000;}
  • 10. Como verás, el código usado es más o menos idéntico para HTML y CSS. Eso quiere decir que queda mas o menos así.
  • 11. La propiedad CSS background-image se usa para insertar una imagen de fondo. ejemplo: body { background-color: #FFCC66; background-image: url(&quot;butterfly.gif&quot;); } h1 { color: #990000; background-color: #FC9804 ; } podemos definir un párrafo entero en color rojo y otro en color azul. Para ello utilizamos el atributo style. <p style=&quot;color:#990000&quot;> Esto es un párrafo de color rojo. </p> <p style=&quot;color:#000099&quot;> Esto es un párrafo de color azul. </p> Que tiene como resultado: Esto es un párrafo de color rojo. Esto es un párrafo de color azul.
  • 12.  
  • 13.  
  • 14.