SlideShare una empresa de Scribd logo
CSS (CASCADING STYLE SHEETS)
Nadia Karina Adin Gonzalez
4101
¿QUÉ ES CSS?
 CSS es un lenguaje utilizado en la presentación de
documentos HTML. Un documento HTML viene
siendo coloquialmente “una página web”. Entonces
podemos decir que el lenguaje CSS sirve para
organizar la presentación y aspecto de una página
web.
 Este lenguaje es principalmente utilizado por parte
de los navegadores web de internet y por los
programadores web informáticos para elegir
multitud de opciones de presentación como
colores, tipos y tamaños de letra, etc.
¿PARA QUE SIRVE?
 CSS es un lenguaje que apareció para hacer más
fáciles y con mejor aspecto los desarrollos web. Un
desarrollo web comprende múltiples áreas de
conocimiento:
 En la clasificación que hemos hecho, CSS estaría
englobado dentro del área de diseño gráfico y
maquetación.
 Los desarrollos web tienen dimensiones muy
variables. Podemos hablar desde una pequeña
página web para una empresa local hasta un gran
portal para una empresa de ámbito internacional.
En ambos casos podríamos decir que interviene la
programación web y el diseño web.
 Sin embargo, un pequeño desarrollo puede ser
llevado a cabo por una sola persona que abarque
tanto programación como diseño, mientras que un
gran desarrollo requiere de un equipo de trabajo
más o menos amplio y con distintos especialistas,
ya que en torno a los desarrollos web hay
diferentes áreas de conocimiento implicadas
(análisis, diseño, programación, sistemas,
integración, testing, etc.).
¿CÓMO FUNCIONA?
Usando HTML podríamos haberlo conseguido así:
 <body bgcolor="#FF0000">
 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. El ejemplo anterior te
muestra además el modelo CSS fundamental:
 Aplicando CSS a un documento HTML
 Podemos aplicar CSS a un documento HTML de
tres maneras diferentes. Todos estos métodos se
explican a continuación. Te recomendamos que te
centres en el tercero, es decir, el externo.
 Método 1: En línea (el atributo style)
 Un modo de aplicar CSS a HTML es usando el
atributo de HTML style. Si ampliamos el ejemplo
anterior sobre el color de fondo rojo, CSS se puede
aplicar así:
 <html> <head> <title>Ejemplo</title> </head>
<body style="background-color: #FF0000;">
<p>Esta es una página con fondo rojo</p> </body>
</html>
 Método 2: Interno (la etiqueta style)
 Otra forma es incluir el código CSS usando la
etiqueta HTML <style>. Por ejemplo, así:
 <html> <head> <title>Ejemplo</title> <style
type="text/css"> body {background-color:
#FF0000;} </style> </head> <body> <p>Esta es
una página con fondo rojo</p> </body> </html>
Css (cascading style sheets)

Más contenido relacionado

La actualidad más candente

Clase Modelo Introducción al Dreamweaver CS3
Clase Modelo Introducción al Dreamweaver CS3Clase Modelo Introducción al Dreamweaver CS3
Clase Modelo Introducción al Dreamweaver CS3
mymarcosweb
 
Clase 2
Clase 2Clase 2
Estándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación webEstándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación web
luis20132014
 
Cuestionario de microsoft word
Cuestionario de microsoft wordCuestionario de microsoft word
Cuestionario de microsoft word
ana nieto
 
Elaborando un formato de certificado paso a paso
Elaborando un formato de certificado paso a pasoElaborando un formato de certificado paso a paso
Elaborando un formato de certificado paso a paso
Jesús Canales Guando
 
CSS
CSSCSS
Presentación de Clase Word
Presentación de Clase WordPresentación de Clase Word
Presentación de Clase Word
Ricardo Nieto
 
Trabajo 905
Trabajo 905Trabajo 905
Trabajo 905
lazercat
 
AJAX
AJAXAJAX
AJAX
Natalia
 
Cuestionario MicrosoftWord.
Cuestionario  MicrosoftWord. Cuestionario  MicrosoftWord.
Cuestionario MicrosoftWord.
marta holguin
 
CLASE N° 1 - INTRODUCCIÓN A CCS3
CLASE N° 1 - INTRODUCCIÓN A CCS3CLASE N° 1 - INTRODUCCIÓN A CCS3
CLASE N° 1 - INTRODUCCIÓN A CCS3
Yuri Juan Flores Perez
 
PORTADAS Y PLANTILLAS
PORTADAS Y PLANTILLASPORTADAS Y PLANTILLAS
PORTADAS Y PLANTILLAS
estefaniparedes
 
Módulo 2 | Microsoft Word
Módulo 2 | Microsoft WordMódulo 2 | Microsoft Word
Módulo 2 | Microsoft Word
Ana Rita Velez
 
Cuestionario de informatica (solucion) 9 b
Cuestionario de informatica (solucion) 9 bCuestionario de informatica (solucion) 9 b
Cuestionario de informatica (solucion) 9 b
camilondo04
 

La actualidad más candente (14)

Clase Modelo Introducción al Dreamweaver CS3
Clase Modelo Introducción al Dreamweaver CS3Clase Modelo Introducción al Dreamweaver CS3
Clase Modelo Introducción al Dreamweaver CS3
 
Clase 2
Clase 2Clase 2
Clase 2
 
Estándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación webEstándares que utilizamos en nuestra aplicación web
Estándares que utilizamos en nuestra aplicación web
 
Cuestionario de microsoft word
Cuestionario de microsoft wordCuestionario de microsoft word
Cuestionario de microsoft word
 
Elaborando un formato de certificado paso a paso
Elaborando un formato de certificado paso a pasoElaborando un formato de certificado paso a paso
Elaborando un formato de certificado paso a paso
 
CSS
CSSCSS
CSS
 
Presentación de Clase Word
Presentación de Clase WordPresentación de Clase Word
Presentación de Clase Word
 
Trabajo 905
Trabajo 905Trabajo 905
Trabajo 905
 
AJAX
AJAXAJAX
AJAX
 
Cuestionario MicrosoftWord.
Cuestionario  MicrosoftWord. Cuestionario  MicrosoftWord.
Cuestionario MicrosoftWord.
 
CLASE N° 1 - INTRODUCCIÓN A CCS3
CLASE N° 1 - INTRODUCCIÓN A CCS3CLASE N° 1 - INTRODUCCIÓN A CCS3
CLASE N° 1 - INTRODUCCIÓN A CCS3
 
PORTADAS Y PLANTILLAS
PORTADAS Y PLANTILLASPORTADAS Y PLANTILLAS
PORTADAS Y PLANTILLAS
 
Módulo 2 | Microsoft Word
Módulo 2 | Microsoft WordMódulo 2 | Microsoft Word
Módulo 2 | Microsoft Word
 
Cuestionario de informatica (solucion) 9 b
Cuestionario de informatica (solucion) 9 bCuestionario de informatica (solucion) 9 b
Cuestionario de informatica (solucion) 9 b
 

Destacado

Guía Básica de CSS
Guía Básica de CSSGuía Básica de CSS
Guía Básica de CSS
Mariano Jofre
 
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotDEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
LISSYCE
 
Css
CssCss
Tema 7 - Introducción a html con css
Tema 7 - Introducción a html con cssTema 7 - Introducción a html con css
Tema 7 - Introducción a html con css
Pamela Rodriguez
 
Css
CssCss
Css
JaneBv
 
Tema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLTema 3 - Introducción a HTML
Tema 3 - Introducción a HTML
Pamela Rodriguez
 
Terminología Web
Terminología WebTerminología Web
Terminología Web
Marco Maquera Capaquira
 
html y css
html y csshtml y css
html y css
Elizabeth Toro
 
Identificación del lenguaje ccs
Identificación del lenguaje ccsIdentificación del lenguaje ccs
Identificación del lenguaje ccs
Oscar Josue Beas Alvarez
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
Diivenii Sykes
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
Simoney Llamas
 
CSS - ¿Cómo agregar estilos a mi página?
CSS - ¿Cómo agregar estilos a mi página?CSS - ¿Cómo agregar estilos a mi página?
CSS - ¿Cómo agregar estilos a mi página?
Harold Maduro
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
Adriana Tienda
 
Manual Celta 2015 da Chevrolet
Manual Celta 2015 da ChevroletManual Celta 2015 da Chevrolet
Manual Celta 2015 da Chevrolet
Sérgio Amaral
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
Elda Calderón
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
Adriana Tienda
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
gueste5e05b
 
Html
HtmlHtml
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
Maximiliano Martin
 
Maquetado con HTML y CSS
Maquetado con HTML y CSSMaquetado con HTML y CSS
Maquetado con HTML y CSS
Manuel Razzari
 

Destacado (20)

Guía Básica de CSS
Guía Básica de CSSGuía Básica de CSS
Guía Básica de CSS
 
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotDEBER HOJA DE ESTILO (CSS) blog blogger blogspot
DEBER HOJA DE ESTILO (CSS) blog blogger blogspot
 
Css
CssCss
Css
 
Tema 7 - Introducción a html con css
Tema 7 - Introducción a html con cssTema 7 - Introducción a html con css
Tema 7 - Introducción a html con css
 
Css
CssCss
Css
 
Tema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLTema 3 - Introducción a HTML
Tema 3 - Introducción a HTML
 
Terminología Web
Terminología WebTerminología Web
Terminología Web
 
html y css
html y csshtml y css
html y css
 
Identificación del lenguaje ccs
Identificación del lenguaje ccsIdentificación del lenguaje ccs
Identificación del lenguaje ccs
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
CSS - ¿Cómo agregar estilos a mi página?
CSS - ¿Cómo agregar estilos a mi página?CSS - ¿Cómo agregar estilos a mi página?
CSS - ¿Cómo agregar estilos a mi página?
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Manual Celta 2015 da Chevrolet
Manual Celta 2015 da ChevroletManual Celta 2015 da Chevrolet
Manual Celta 2015 da Chevrolet
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Html
HtmlHtml
Html
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
Maquetado con HTML y CSS
Maquetado con HTML y CSSMaquetado con HTML y CSS
Maquetado con HTML y CSS
 

Similar a Css (cascading style sheets)

html y css
html y csshtml y css
html y css
CarlosMontilla29
 
Manual css-hojas-estilo
Manual css-hojas-estiloManual css-hojas-estilo
Manual css-hojas-estilo
Gabriel Mondragón
 
Manual de css
Manual de cssManual de css
Manual de css
agustin lopezito
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
Robert Rodriguez
 
Manual css
Manual cssManual css
Manual css
Jennifer
 
Qué es diseño 3d y sus ventajas.pptx
Qué es diseño 3d y sus ventajas.pptxQué es diseño 3d y sus ventajas.pptx
Qué es diseño 3d y sus ventajas.pptx
Wellington Winchester
 
Qué es CSS.ppsx
Qué es CSS.ppsxQué es CSS.ppsx
Qué es CSS.ppsx
Wellington Winchester
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
ricardo herrera
 
CSS - Hojas de Estilo en Cascada.pdf
CSS -  Hojas de Estilo en Cascada.pdfCSS -  Hojas de Estilo en Cascada.pdf
CSS - Hojas de Estilo en Cascada.pdf
Ramiro Estigarribia Canese
 
Introduccion historia css
Introduccion historia cssIntroduccion historia css
Introduccion historia css
John Orellana
 
Compresión de video
Compresión de videoCompresión de video
Compresión de video
Francisco Berrizbeitia
 
Manual css 01
Manual css 01Manual css 01
Manual css 01
kirokesa
 
Css hojas de-estilo
Css hojas de-estiloCss hojas de-estilo
Css hojas de-estilo
UTECO
 
Investigacion 1.3 samanta
Investigacion 1.3 samantaInvestigacion 1.3 samanta
Investigacion 1.3 samanta
Juan Carlos Medrano
 
Investigacion 1.3 samanta
Investigacion 1.3 samantaInvestigacion 1.3 samanta
Investigacion 1.3 samanta
Caro Duran
 
Investigacion 1.3 samanta
Investigacion 1.3 samantaInvestigacion 1.3 samanta
Investigacion 1.3 samanta
Caro Duran
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
Ericka Zavala
 
Pp css
Pp cssPp css
Manual css
Manual cssManual css
Manual css
Alex Riveiro
 
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?
Juan Pernia (juanrules)
 

Similar a Css (cascading style sheets) (20)

html y css
html y csshtml y css
html y css
 
Manual css-hojas-estilo
Manual css-hojas-estiloManual css-hojas-estilo
Manual css-hojas-estilo
 
Manual de css
Manual de cssManual de css
Manual de css
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Manual css
Manual cssManual css
Manual css
 
Qué es diseño 3d y sus ventajas.pptx
Qué es diseño 3d y sus ventajas.pptxQué es diseño 3d y sus ventajas.pptx
Qué es diseño 3d y sus ventajas.pptx
 
Qué es CSS.ppsx
Qué es CSS.ppsxQué es CSS.ppsx
Qué es CSS.ppsx
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
CSS - Hojas de Estilo en Cascada.pdf
CSS -  Hojas de Estilo en Cascada.pdfCSS -  Hojas de Estilo en Cascada.pdf
CSS - Hojas de Estilo en Cascada.pdf
 
Introduccion historia css
Introduccion historia cssIntroduccion historia css
Introduccion historia css
 
Compresión de video
Compresión de videoCompresión de video
Compresión de video
 
Manual css 01
Manual css 01Manual css 01
Manual css 01
 
Css hojas de-estilo
Css hojas de-estiloCss hojas de-estilo
Css hojas de-estilo
 
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
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Pp css
Pp cssPp css
Pp css
 
Manual css
Manual cssManual css
Manual 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?
 

Último

Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...
Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...
Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...
Javier Martinez Seco
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
micarnavaltupatrimon
 
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptxTARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
dayronfabricioruizmo
 
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
Maria Celeste Trujillo Cruz
 
Introduccion al Lenguaje de Programación C++
Introduccion al Lenguaje de Programación  C++Introduccion al Lenguaje de Programación  C++
Introduccion al Lenguaje de Programación C++
PaulDelgadoSoto
 
DuckDuckGo (Motor de Busqueda) - JRM - APSTI I A
DuckDuckGo (Motor de Busqueda) -  JRM - APSTI I ADuckDuckGo (Motor de Busqueda) -  JRM - APSTI I A
DuckDuckGo (Motor de Busqueda) - JRM - APSTI I A
DarnotOcxalFlorianoP
 
APLICACIONES EN INTERNET-GOOGLE.20240pdf
APLICACIONES EN INTERNET-GOOGLE.20240pdfAPLICACIONES EN INTERNET-GOOGLE.20240pdf
APLICACIONES EN INTERNET-GOOGLE.20240pdf
jordanovillacorta09
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
micarnavaltupatrimon
 
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcelherramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
Eduardo455921
 
sesión 8 tipos de componentes SMD SOFTWARE
sesión 8 tipos de componentes SMD SOFTWAREsesión 8 tipos de componentes SMD SOFTWARE
sesión 8 tipos de componentes SMD SOFTWARE
YanelyMedalithBM
 

Último (10)

Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...
Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...
Casos de éxito en Negocios online: Estrategias WPO que funcionan - Presentac...
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
 
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptxTARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
TARJETA MADRE DE DAYRON FABRI RUIZ-1.pptx
 
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
DIAPOSITIVA DE LA MEMORIA RAM.PPXT.-MARIATRUJILLO.
 
Introduccion al Lenguaje de Programación C++
Introduccion al Lenguaje de Programación  C++Introduccion al Lenguaje de Programación  C++
Introduccion al Lenguaje de Programación C++
 
DuckDuckGo (Motor de Busqueda) - JRM - APSTI I A
DuckDuckGo (Motor de Busqueda) -  JRM - APSTI I ADuckDuckGo (Motor de Busqueda) -  JRM - APSTI I A
DuckDuckGo (Motor de Busqueda) - JRM - APSTI I A
 
APLICACIONES EN INTERNET-GOOGLE.20240pdf
APLICACIONES EN INTERNET-GOOGLE.20240pdfAPLICACIONES EN INTERNET-GOOGLE.20240pdf
APLICACIONES EN INTERNET-GOOGLE.20240pdf
 
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
Mi Carnaval, Aplicación web para la gestión del carnaval y la predicción basa...
 
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcelherramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
herramientaswebpdfwww.edu.pe.edu.institutoluisevalcarcel
 
sesión 8 tipos de componentes SMD SOFTWARE
sesión 8 tipos de componentes SMD SOFTWAREsesión 8 tipos de componentes SMD SOFTWARE
sesión 8 tipos de componentes SMD SOFTWARE
 

Css (cascading style sheets)

  • 1. CSS (CASCADING STYLE SHEETS) Nadia Karina Adin Gonzalez 4101
  • 2. ¿QUÉ ES CSS?  CSS es un lenguaje utilizado en la presentación de documentos HTML. Un documento HTML viene siendo coloquialmente “una página web”. Entonces podemos decir que el lenguaje CSS sirve para organizar la presentación y aspecto de una página web.
  • 3.  Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informáticos para elegir multitud de opciones de presentación como colores, tipos y tamaños de letra, etc.
  • 4. ¿PARA QUE SIRVE?  CSS es un lenguaje que apareció para hacer más fáciles y con mejor aspecto los desarrollos web. Un desarrollo web comprende múltiples áreas de conocimiento:
  • 5.  En la clasificación que hemos hecho, CSS estaría englobado dentro del área de diseño gráfico y maquetación.  Los desarrollos web tienen dimensiones muy variables. Podemos hablar desde una pequeña página web para una empresa local hasta un gran portal para una empresa de ámbito internacional. En ambos casos podríamos decir que interviene la programación web y el diseño web.
  • 6.  Sin embargo, un pequeño desarrollo puede ser llevado a cabo por una sola persona que abarque tanto programación como diseño, mientras que un gran desarrollo requiere de un equipo de trabajo más o menos amplio y con distintos especialistas, ya que en torno a los desarrollos web hay diferentes áreas de conocimiento implicadas (análisis, diseño, programación, sistemas, integración, testing, etc.).
  • 7. ¿CÓMO FUNCIONA? Usando HTML podríamos haberlo conseguido así:  <body bgcolor="#FF0000">  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. El ejemplo anterior te muestra además el modelo CSS fundamental:
  • 8.  Aplicando CSS a un documento HTML  Podemos aplicar CSS a un documento HTML de tres maneras diferentes. Todos estos métodos se explican a continuación. Te recomendamos que te centres en el tercero, es decir, el externo.  Método 1: En línea (el atributo style)  Un modo de aplicar CSS a HTML es usando el atributo de HTML style. Si ampliamos el ejemplo anterior sobre el color de fondo rojo, CSS se puede aplicar así:
  • 9.  <html> <head> <title>Ejemplo</title> </head> <body style="background-color: #FF0000;"> <p>Esta es una página con fondo rojo</p> </body> </html>  Método 2: Interno (la etiqueta style)  Otra forma es incluir el código CSS usando la etiqueta HTML <style>. Por ejemplo, así:  <html> <head> <title>Ejemplo</title> <style type="text/css"> body {background-color: #FF0000;} </style> </head> <body> <p>Esta es una página con fondo rojo</p> </body> </html>