SlideShare una empresa de Scribd logo
CSS: Cascading Style
Sheets
Edgar Pedro Sánchez Pérez
esanchez.epsp@gmail.com
Introducción
 CSS nos permite:
– Separar presentación de contenido
– Mayor flexibilidad, escalabilidad, y
posibilidades en la presentación de
contenidos web
– Dinamismo (junto a JScript y DOM)
– Correctamente utilizado reduce el peso de
las páginas
Sintaxis Básica
Selector { propiedad: valor; ...}
Declaración
H1 {color:#CC9900;}
Ejemplo:
Aplicar CSS
 En la Cabecera (<HEAD>)
<STYLE TYPE="text/css">
<!--
P {text-align:right}
-->
</STYLE>
 Estilo como atributo
<P STYLE="text-align: right">Estilo propio</P>
 Hoja de estilo externa
<LINK REL="stylesheet" TYPE="text/css"
HREF="estilo.css">
Selectores
 Elementos
H1 {font-family: Arial, Helvetica, sans-serif;
font size: 10pt; font-style: italic;}
 Elementos agrupados
H1, P, B {font-color: blue;}
 Clases para elementos
P.enfatizada {font-weight: bold;}
 Clases generales
.enfatizada {font-weight: bold;}
 Selectores ID
#enfatizada {font-weight: bold;}
Selectores
 Pseudo-Elementos
:first-line Se aplica a la primera línea
del elemento
:first-letter Se aplica a la primera
letra del elemento
 Pseudo-Clases
:first-child Se aplica al primer hijo del
elemento
:link Enlace (ej. A:link {...})
:visited Enlace visitado
:hover Enlace sobrevolado
Cajas
Vestibulum convallis dignissim
diam. Sed et ligula. Proin
ullamcorper odio eu mi. Aliquam
erat volutpat. Nunc ac leo sed erat
commodo ornare. Duis urna. Nunc
ac justo a risus dictum scelerisque.
Curabitur felis augue, rutrum eu,
sollicitudin ac, auctor non, dolor.
Margin
Padding
Border

Más contenido relacionado

La actualidad más candente

Qué es css
Qué es cssQué es css
Qué es css
maryesther20_95
 
Css
CssCss
Css
CssCss
Html y css
Html y cssHtml y css
Html y css
Roberto Garcia
 
Css
CssCss
Etiquetas de código html
Etiquetas de código htmlEtiquetas de código html
Etiquetas de código html
Bryan Guaitara
 
Hojas de Estilo CSS
Hojas de Estilo CSSHojas de Estilo CSS
Hojas de Estilo CSS
Nieves Marlasca Jorge
 
Hojas de estilo (1)
Hojas de estilo (1)Hojas de estilo (1)
Hojas de estilo (1)
Edwin Mamani López
 
CSS EN HTML5
CSS EN HTML5CSS EN HTML5
CSS EN HTML5
LMNTRIX Mejia
 
Hablando de css
Hablando de cssHablando de css
Hablando de css
melgozita27
 
Qué es css
Qué es cssQué es css
Qué es css
manuelhh
 
CSS - Hojas de Estilo en Cascada
CSS - Hojas de Estilo en CascadaCSS - Hojas de Estilo en Cascada
CSS - Hojas de Estilo en Cascada
Didier Granados
 
CSS
CSSCSS
CSS3
CSS3CSS3
CSS
CSSCSS
Presentación3
Presentación3Presentación3
Presentación3
Jimmy Arturo
 
Sass: CSS con Superpoderes
Sass: CSS con SuperpoderesSass: CSS con Superpoderes
Sass: CSS con Superpoderes
Edgar Parada
 
Css
CssCss
02 introduccion-css
02 introduccion-css02 introduccion-css
02 introduccion-css
sinaibucio
 
Css posicionamiento de pag web presentacion de la semana
Css posicionamiento de pag web      presentacion de la semanaCss posicionamiento de pag web      presentacion de la semana
Css posicionamiento de pag web presentacion de la semana
Anel García Pumarino
 

La actualidad más candente (20)

Qué es css
Qué es cssQué es css
Qué es css
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Html y css
Html y cssHtml y css
Html y css
 
Css
CssCss
Css
 
Etiquetas de código html
Etiquetas de código htmlEtiquetas de código html
Etiquetas de código html
 
Hojas de Estilo CSS
Hojas de Estilo CSSHojas de Estilo CSS
Hojas de Estilo CSS
 
Hojas de estilo (1)
Hojas de estilo (1)Hojas de estilo (1)
Hojas de estilo (1)
 
CSS EN HTML5
CSS EN HTML5CSS EN HTML5
CSS EN HTML5
 
Hablando de css
Hablando de cssHablando de css
Hablando de css
 
Qué es css
Qué es cssQué es css
Qué es css
 
CSS - Hojas de Estilo en Cascada
CSS - Hojas de Estilo en CascadaCSS - Hojas de Estilo en Cascada
CSS - Hojas de Estilo en Cascada
 
CSS
CSSCSS
CSS
 
CSS3
CSS3CSS3
CSS3
 
CSS
CSSCSS
CSS
 
Presentación3
Presentación3Presentación3
Presentación3
 
Sass: CSS con Superpoderes
Sass: CSS con SuperpoderesSass: CSS con Superpoderes
Sass: CSS con Superpoderes
 
Css
CssCss
Css
 
02 introduccion-css
02 introduccion-css02 introduccion-css
02 introduccion-css
 
Css posicionamiento de pag web presentacion de la semana
Css posicionamiento de pag web      presentacion de la semanaCss posicionamiento de pag web      presentacion de la semana
Css posicionamiento de pag web presentacion de la semana
 

Destacado

ödev 2
ödev 2ödev 2
ödev 2
cerrenkeskin
 
Resume
ResumeResume
ScottVosperGenResumeNyn
ScottVosperGenResumeNynScottVosperGenResumeNyn
ScottVosperGenResumeNyn
Scott Vosper
 
RIM RIPEC_07.15
RIM RIPEC_07.15RIM RIPEC_07.15
RIM RIPEC_07.15
Jenna Cote
 
SHA Bulletin 10 28-15
SHA Bulletin 10 28-15SHA Bulletin 10 28-15
SHA Bulletin 10 28-15
lancerslately
 
EIE Saturday School
EIE Saturday SchoolEIE Saturday School
EIE Saturday School
Tamara Isaac
 
Manajemen kualitas
Manajemen kualitasManajemen kualitas
Compliance Training
Compliance TrainingCompliance Training
Compliance Training
Kim Patterson
 
02 nuevos soportes propiedades_medios_digitales
02 nuevos soportes propiedades_medios_digitales02 nuevos soportes propiedades_medios_digitales
02 nuevos soportes propiedades_medios_digitales
Marcelo Luis Barbosa dos Santos
 
Powerpoint Web Presentation Timing
Powerpoint Web Presentation TimingPowerpoint Web Presentation Timing
Powerpoint Web Presentation Timing
Thomas Anthony Masters
 
чи можна рослини вважати символами держави
чи можна рослини вважати символами державичи можна рослини вважати символами держави
чи можна рослини вважати символами державиivanchenkol2015
 
Каталог "Студия К"
Каталог "Студия К"Каталог "Студия К"
Каталог "Студия К"
Alexey Smirnoff
 
151028教育評価論(三田)第5講
151028教育評価論(三田)第5講151028教育評価論(三田)第5講
151028教育評価論(三田)第5講
Koyo Yamamori
 
Time apresentação
Time apresentaçãoTime apresentação
Time apresentação
Nissim da Tecnisa
 
FECEM_2012_3aCRE
FECEM_2012_3aCREFECEM_2012_3aCRE
FECEM_2012_3aCRE
Terc Cre
 
Ekayuni kmg
Ekayuni kmgEkayuni kmg
Ekayuni kmg
ekayuni3
 
Estrategias especificas-diversificadas-atencion-educativa
Estrategias especificas-diversificadas-atencion-educativaEstrategias especificas-diversificadas-atencion-educativa
Estrategias especificas-diversificadas-atencion-educativa
flory de la cruz
 
Ieee ee490 product_design_(final)_v2[1]
Ieee ee490 product_design_(final)_v2[1]Ieee ee490 product_design_(final)_v2[1]
Ieee ee490 product_design_(final)_v2[1]Loren Schwappach
 
Las emociones y el sentido de la vida
Las emociones y el sentido de la vidaLas emociones y el sentido de la vida
Las emociones y el sentido de la vida
Euler Ruiz
 

Destacado (20)

ödev 2
ödev 2ödev 2
ödev 2
 
Resume
ResumeResume
Resume
 
ScottVosperGenResumeNyn
ScottVosperGenResumeNynScottVosperGenResumeNyn
ScottVosperGenResumeNyn
 
RIM RIPEC_07.15
RIM RIPEC_07.15RIM RIPEC_07.15
RIM RIPEC_07.15
 
SHA Bulletin 10 28-15
SHA Bulletin 10 28-15SHA Bulletin 10 28-15
SHA Bulletin 10 28-15
 
EIE Saturday School
EIE Saturday SchoolEIE Saturday School
EIE Saturday School
 
Manajemen kualitas
Manajemen kualitasManajemen kualitas
Manajemen kualitas
 
Compliance Training
Compliance TrainingCompliance Training
Compliance Training
 
02 nuevos soportes propiedades_medios_digitales
02 nuevos soportes propiedades_medios_digitales02 nuevos soportes propiedades_medios_digitales
02 nuevos soportes propiedades_medios_digitales
 
Powerpoint Web Presentation Timing
Powerpoint Web Presentation TimingPowerpoint Web Presentation Timing
Powerpoint Web Presentation Timing
 
чи можна рослини вважати символами держави
чи можна рослини вважати символами державичи можна рослини вважати символами держави
чи можна рослини вважати символами держави
 
Каталог "Студия К"
Каталог "Студия К"Каталог "Студия К"
Каталог "Студия К"
 
151028教育評価論(三田)第5講
151028教育評価論(三田)第5講151028教育評価論(三田)第5講
151028教育評価論(三田)第5講
 
Time apresentação
Time apresentaçãoTime apresentação
Time apresentação
 
FECEM_2012_3aCRE
FECEM_2012_3aCREFECEM_2012_3aCRE
FECEM_2012_3aCRE
 
Ekayuni kmg
Ekayuni kmgEkayuni kmg
Ekayuni kmg
 
Estrategias especificas-diversificadas-atencion-educativa
Estrategias especificas-diversificadas-atencion-educativaEstrategias especificas-diversificadas-atencion-educativa
Estrategias especificas-diversificadas-atencion-educativa
 
Ieee ee490 product_design_(final)_v2[1]
Ieee ee490 product_design_(final)_v2[1]Ieee ee490 product_design_(final)_v2[1]
Ieee ee490 product_design_(final)_v2[1]
 
Las emociones y el sentido de la vida
Las emociones y el sentido de la vidaLas emociones y el sentido de la vida
Las emociones y el sentido de la vida
 
Halal conference, event agenda
Halal conference, event agendaHalal conference, event agenda
Halal conference, event agenda
 

Similar a Introduccion a css edgar pedro sanchez

11 Programación Web con .NET y C#
11 Programación Web con .NET y C#11 Programación Web con .NET y C#
11 Programación Web con .NET y C#
guidotic
 
Presenpabo
PresenpaboPresenpabo
Presenpabo
pabobdp
 
CSS
CSSCSS
T2 1-css
T2 1-cssT2 1-css
T2 1-css
alexingeniero
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)
Krolina Agui
 
Semana 3 Introduccion CSS
Semana 3   Introduccion CSSSemana 3   Introduccion CSS
Semana 3 Introduccion CSS
Richard Eliseo Mendoza Gafaro
 
Introducción al desarrollo web frontend
Introducción al desarrollo web frontendIntroducción al desarrollo web frontend
Introducción al desarrollo web frontend
Max Kraszewski
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
iConstruye
 
Etilos
Etilos Etilos
Presentación
PresentaciónPresentación
Presentación
aynosk6
 
05 desarrollocss (3)
05 desarrollocss (3)05 desarrollocss (3)
05 desarrollocss (3)
Celeste Burguete
 
Manual de css......jpg
Manual de css......jpgManual de css......jpg
Manual de css......jpg
genesisgray
 
css
csscss
Manual de css hojas de estilo
Manual de css hojas de estiloManual de css hojas de estilo
Manual de css hojas de estilo
genesisgray
 
Presentación
PresentaciónPresentación
Presentación
aynosk6
 
Taller de Css
Taller de CssTaller de Css
Organigramas John Jayro
Organigramas John JayroOrganigramas John Jayro
Organigramas John Jayro
John Jayro
 
CSS - Arquitectura Escalable y Modular
CSS - Arquitectura Escalable y ModularCSS - Arquitectura Escalable y Modular
CSS - Arquitectura Escalable y Modular
rodboc
 
SEO
SEOSEO
lEIDY.docx
lEIDY.docxlEIDY.docx

Similar a Introduccion a css edgar pedro sanchez (20)

11 Programación Web con .NET y C#
11 Programación Web con .NET y C#11 Programación Web con .NET y C#
11 Programación Web con .NET y C#
 
Presenpabo
PresenpaboPresenpabo
Presenpabo
 
CSS
CSSCSS
CSS
 
T2 1-css
T2 1-cssT2 1-css
T2 1-css
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)
 
Semana 3 Introduccion CSS
Semana 3   Introduccion CSSSemana 3   Introduccion CSS
Semana 3 Introduccion CSS
 
Introducción al desarrollo web frontend
Introducción al desarrollo web frontendIntroducción al desarrollo web frontend
Introducción al desarrollo web frontend
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 
Etilos
Etilos Etilos
Etilos
 
Presentación
PresentaciónPresentación
Presentación
 
05 desarrollocss (3)
05 desarrollocss (3)05 desarrollocss (3)
05 desarrollocss (3)
 
Manual de css......jpg
Manual de css......jpgManual de css......jpg
Manual de css......jpg
 
css
csscss
css
 
Manual de css hojas de estilo
Manual de css hojas de estiloManual de css hojas de estilo
Manual de css hojas de estilo
 
Presentación
PresentaciónPresentación
Presentación
 
Taller de Css
Taller de CssTaller de Css
Taller de Css
 
Organigramas John Jayro
Organigramas John JayroOrganigramas John Jayro
Organigramas John Jayro
 
CSS - Arquitectura Escalable y Modular
CSS - Arquitectura Escalable y ModularCSS - Arquitectura Escalable y Modular
CSS - Arquitectura Escalable y Modular
 
SEO
SEOSEO
SEO
 
lEIDY.docx
lEIDY.docxlEIDY.docx
lEIDY.docx
 

Último

PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales  (2).pdfPPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales  (2).pdf
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
josenestorlopezquisp1
 
APLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptxAPLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptx
cpadua713
 
Análisis de Crowdfunding con el maestro Tapia de Artes
Análisis de Crowdfunding con el maestro Tapia de ArtesAnálisis de Crowdfunding con el maestro Tapia de Artes
Análisis de Crowdfunding con el maestro Tapia de Artes
al050121024
 
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
NoraRoberts5
 
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidadESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
jorgejhonatanaltamir1
 
Sesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artificalSesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artifical
Angeles del Rosario Escobar Mendoza
 
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNETCOMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
Kevin Aguilar Garcia
 
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docxCOMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
Jean Apellidos
 
Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
LuisAlbertoCordovaBa
 
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdfMONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
darilpisco021
 
Oruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico magoOruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico mago
ChichipeSevillaJhost
 
SLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajasSLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajas
ruthechepurizaca
 
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docxFICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
EmilyEsmeraldaQuispe
 
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdfextraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
JENNYMARITZAHUILLCAR
 

Último (14)

PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales  (2).pdfPPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales  (2).pdf
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
 
APLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptxAPLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptx
 
Análisis de Crowdfunding con el maestro Tapia de Artes
Análisis de Crowdfunding con el maestro Tapia de ArtesAnálisis de Crowdfunding con el maestro Tapia de Artes
Análisis de Crowdfunding con el maestro Tapia de Artes
 
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
La revolución de Netflix redefiniendo las películas, la televisión, el arte y...
 
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidadESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
 
Sesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artificalSesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artifical
 
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNETCOMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
 
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docxCOMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
 
Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
 
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdfMONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
 
Oruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico magoOruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico mago
 
SLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajasSLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajas
 
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docxFICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
 
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdfextraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
 

Introduccion a css edgar pedro sanchez

  • 1. CSS: Cascading Style Sheets Edgar Pedro Sánchez Pérez esanchez.epsp@gmail.com
  • 2. Introducción  CSS nos permite: – Separar presentación de contenido – Mayor flexibilidad, escalabilidad, y posibilidades en la presentación de contenidos web – Dinamismo (junto a JScript y DOM) – Correctamente utilizado reduce el peso de las páginas
  • 3. Sintaxis Básica Selector { propiedad: valor; ...} Declaración H1 {color:#CC9900;} Ejemplo:
  • 4. Aplicar CSS  En la Cabecera (<HEAD>) <STYLE TYPE="text/css"> <!-- P {text-align:right} --> </STYLE>  Estilo como atributo <P STYLE="text-align: right">Estilo propio</P>  Hoja de estilo externa <LINK REL="stylesheet" TYPE="text/css" HREF="estilo.css">
  • 5. Selectores  Elementos H1 {font-family: Arial, Helvetica, sans-serif; font size: 10pt; font-style: italic;}  Elementos agrupados H1, P, B {font-color: blue;}  Clases para elementos P.enfatizada {font-weight: bold;}  Clases generales .enfatizada {font-weight: bold;}  Selectores ID #enfatizada {font-weight: bold;}
  • 6. Selectores  Pseudo-Elementos :first-line Se aplica a la primera línea del elemento :first-letter Se aplica a la primera letra del elemento  Pseudo-Clases :first-child Se aplica al primer hijo del elemento :link Enlace (ej. A:link {...}) :visited Enlace visitado :hover Enlace sobrevolado
  • 7. Cajas Vestibulum convallis dignissim diam. Sed et ligula. Proin ullamcorper odio eu mi. Aliquam erat volutpat. Nunc ac leo sed erat commodo ornare. Duis urna. Nunc ac justo a risus dictum scelerisque. Curabitur felis augue, rutrum eu, sollicitudin ac, auctor non, dolor. Margin Padding Border