SlideShare una empresa de Scribd logo
1 de 6
Css
Esquema de regla CSS
Una hoja de estilo es un fichero de texto plano (sin
formato) en el que se define el aspecto de las
etiquetas de una página web.
Una hoja de estilo está formada por una o varias
sentencias (reglas), y existen dos tipos de sentencias:
reglas-arroba y reglas.
Una regla CSS se compone de un selector y de un bloque de
declaración
Cada declaración está compuesta por uno o más pares propiedad/valor
El bloque de declaración empieza y acaba con los signos de llaves
{ ... }
Cada par propiedad/valor se separa por el signo punto y coma ;
Cada propiedad debe separarse de su valor por el signo dos puntos :
Regla: cada uno de los estilos que componen una hoja de estilos CSS.
Cada regla está compuesta de una parte de "selectores", un símbolo
de "llave de apertura" {, otra parte denominada "bloque de
declaración" y por último, un símbolo de "llave de cierre" }.
Selector: indica el elemento o elementos HTML a los que se aplica la
regla CSS.
Bloque de declaración: especifica los estilos que se aplican a los
elementos. Está compuesto por pares propiedad CSS y su
correspondiente valor.
Propiedad: característica que se modifica en el elemento
seleccionado, como por ejemplo su tamaño de letra, color, etc. y
cada propiedad tiene un conjunto de posibles valores.
Valor: establece el nuevo valor de la propiedad modificada en el
elemento

Más contenido relacionado

Similar a css.pptx

Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
maurocol13
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje css
Andrea Arellano
 

Similar a css.pptx (20)

Css básico
Css básicoCss básico
Css básico
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 
Introducción HTML y CSS
Introducción HTML y CSSIntroducción HTML y CSS
Introducción HTML y CSS
 
Qué es css
Qué es cssQué es css
Qué es css
 
Hojas de estilo_css
Hojas de estilo_cssHojas de estilo_css
Hojas de estilo_css
 
Paginas web css
Paginas web cssPaginas web css
Paginas web css
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
Hojas de estilo css
Hojas de estilo cssHojas de estilo css
Hojas de estilo css
 
Guia de css para principiantes
Guia de css para principiantesGuia de css para principiantes
Guia de css para principiantes
 
Identificación del lenguaje de css
Identificación del lenguaje de cssIdentificación del lenguaje de css
Identificación del lenguaje de css
 
Css: bases y buenas prácticas
Css: bases y buenas prácticasCss: bases y buenas prácticas
Css: bases y buenas prácticas
 
Introduccion historia css
Introduccion historia cssIntroduccion historia css
Introduccion historia css
 
Estilos cascadas
Estilos cascadasEstilos cascadas
Estilos cascadas
 
Que es css
Que es cssQue es css
Que es css
 
Clase 5 - CSS.pptx
Clase 5 - CSS.pptxClase 5 - CSS.pptx
Clase 5 - CSS.pptx
 
Introducción a css
Introducción a cssIntroducción a css
Introducción a css
 
Css
CssCss
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)
1. Introducción a las Hojas de estilo (CSS)
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje css
 
Taller Wordpress Nivel II
Taller Wordpress Nivel IITaller Wordpress Nivel II
Taller Wordpress Nivel II
 

Último

Induccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdfInduccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdf
stefatoro1392
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
jose880240
 

Último (9)

TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUTECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
 
Induccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdfInduccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdf
 
Dominio de internet, materia de diseño web
Dominio de internet, materia de diseño webDominio de internet, materia de diseño web
Dominio de internet, materia de diseño web
 
word-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..docword-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..doc
 
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
13.05)PRIMER GRUPO CARNES 2024 - RELACION DE FOTOS CORRECTAS.pdf
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
 
Planos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicacionesPlanos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicaciones
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
BOTONES para diseño grafico de paginas web
BOTONES para diseño grafico  de paginas webBOTONES para diseño grafico  de paginas web
BOTONES para diseño grafico de paginas web
 

css.pptx

  • 1. Css
  • 2. Esquema de regla CSS Una hoja de estilo es un fichero de texto plano (sin formato) en el que se define el aspecto de las etiquetas de una página web. Una hoja de estilo está formada por una o varias sentencias (reglas), y existen dos tipos de sentencias: reglas-arroba y reglas.
  • 3. Una regla CSS se compone de un selector y de un bloque de declaración Cada declaración está compuesta por uno o más pares propiedad/valor El bloque de declaración empieza y acaba con los signos de llaves { ... } Cada par propiedad/valor se separa por el signo punto y coma ; Cada propiedad debe separarse de su valor por el signo dos puntos :
  • 4.
  • 5. Regla: cada uno de los estilos que componen una hoja de estilos CSS. Cada regla está compuesta de una parte de "selectores", un símbolo de "llave de apertura" {, otra parte denominada "bloque de declaración" y por último, un símbolo de "llave de cierre" }. Selector: indica el elemento o elementos HTML a los que se aplica la regla CSS. Bloque de declaración: especifica los estilos que se aplican a los elementos. Está compuesto por pares propiedad CSS y su correspondiente valor.
  • 6. Propiedad: característica que se modifica en el elemento seleccionado, como por ejemplo su tamaño de letra, color, etc. y cada propiedad tiene un conjunto de posibles valores. Valor: establece el nuevo valor de la propiedad modificada en el elemento