Estandar web css
¿Que es CSS?
CSS son las siglas en inglés para «hojas de estilo en cascada» (Cascading Style Sheets). es un lenguaje que maneja el diseño y presentación de las páginas web, es decir, cómo lucen cuando un usuario las visita. Funciona junto con el lenguaje HTML que se encarga del contenido básico de los sitios.
Conceptos Basicos
Con CSS, puedes crear reglas para decirle a tu sitio web cómo quieres mostrar la información y guardar los comandos para elementos de estilo (como fuentes, colores, tamaños, etc.) separados de los que configuran el contenido.
de una pagina web con el estandar CSS
puedes crear formatos específicos útiles para comunicar tus ideas y producir experiencias más agradables, en el aspecto visual, para los usuarios del sitio web.
Selectores
Los selectores CSS son herramientas utilizadas para definir el estilo que quieres dar a tus elementos en CSS.Estos sujetos pueden seleccionarse con base en el tipo de elemento al que pertenecen, su clase.
Existen dos formas posibles de emplear selectores en CSS. Si tienes en un mismo documento tu código en HTML y tu código en CSS, lo único que tienes que hacer es añadir los selectores CSS en la cabecera (<head>) de tu sitio.
Propiedades
Se establecen mediante la notación de propiedades personalizadas (por ejemplo, --main-color: black;) y se acceden mediante la función var() (por ejemplo, color: var (--main-color);).
Las propiedades en cssson los atributos que tenemos que queremos cambiar, como el color, tamaño, fuente, rellenos etc.
Valores
Los valores son las configuraciones especificas que se aplican a las propiedades. Por ejemplo para la propiedad "color", el valor podria ser "blue" o "#FF0000"(un valñor hexadecimal)
Un valor en CSS es una forma de definir una colección de subvalores admitidos.
Clase y Ids
La principal diferencia entre ID y Class es que los ID son únicos en una página, mientras que las clases pueden aplicarse a múltiples elementos. Otra diferencia es que los ID tienen prioridad sobre las clases. Si se aplica un estilo a un elemento utilizando tanto un ID como una clase, el estilo del ID prevalecerá.
Un identificador (ID) es un atributo único que se le da a un solo elemento HTML en una página. Son formas de etiquetar elementos HTLM para aplicar estilos especificos a esos elemntos
Modelo de caja
El relleno (padding), en verde, es la parte interior del elemento, entre el contenido y el borde.El contenido, en azul, es la parte interior del elemento, excluyendo el relleno.
El modelo de caja en CSS se refiere al diseño de cajas rectangulares que rodean el contenido y pueden tener propiedades como margen, borde, relleno y tamaño.
La representación básica del modelo de cajas se basa en varios conceptos importantesEl borde (border), en negro, es el límite que separa el interior del exterior del elemento.El márgen (margin), en naranja, es la parte exterior del elemento, por fuera del borde.
Herencia
En CSS, los estilos se pueden heredar de un elemento, lo que significa que un estilo en un nivel superior puede afectar a los elementos secundarios La herencia es el proceso por el cual algunas propiedades CSS aplicadas a una etiqueta se pasan a las etiquetas anidadas.
La herencia también funciona a través de múltiples generaciones. Si una etiqueta como <em> o <strong> aparece dentro de una etiqueta <p>, entonces las etiquetas <em> y <strong> también heredan las propiedades de cualquier estilo aplicado a la etiqueta <body>.
¡Gracias!
Estandar CSS
fernanda garduño
Created on April 18, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
January School Calendar
View
Genial Calendar 2026
View
Annual calendar 2026
View
School Calendar 2026
View
2026 calendar
View
January Higher Education Academic Calendar
View
School Year Calendar January
Explore all templates
Transcript
Estandar web css
¿Que es CSS?
CSS son las siglas en inglés para «hojas de estilo en cascada» (Cascading Style Sheets). es un lenguaje que maneja el diseño y presentación de las páginas web, es decir, cómo lucen cuando un usuario las visita. Funciona junto con el lenguaje HTML que se encarga del contenido básico de los sitios.
Conceptos Basicos
Con CSS, puedes crear reglas para decirle a tu sitio web cómo quieres mostrar la información y guardar los comandos para elementos de estilo (como fuentes, colores, tamaños, etc.) separados de los que configuran el contenido.
de una pagina web con el estandar CSS
puedes crear formatos específicos útiles para comunicar tus ideas y producir experiencias más agradables, en el aspecto visual, para los usuarios del sitio web.
Selectores
Los selectores CSS son herramientas utilizadas para definir el estilo que quieres dar a tus elementos en CSS.Estos sujetos pueden seleccionarse con base en el tipo de elemento al que pertenecen, su clase.
Existen dos formas posibles de emplear selectores en CSS. Si tienes en un mismo documento tu código en HTML y tu código en CSS, lo único que tienes que hacer es añadir los selectores CSS en la cabecera (<head>) de tu sitio.
Propiedades
Se establecen mediante la notación de propiedades personalizadas (por ejemplo, --main-color: black;) y se acceden mediante la función var() (por ejemplo, color: var (--main-color);).
Las propiedades en cssson los atributos que tenemos que queremos cambiar, como el color, tamaño, fuente, rellenos etc.
Valores
Los valores son las configuraciones especificas que se aplican a las propiedades. Por ejemplo para la propiedad "color", el valor podria ser "blue" o "#FF0000"(un valñor hexadecimal)
Un valor en CSS es una forma de definir una colección de subvalores admitidos.
Clase y Ids
La principal diferencia entre ID y Class es que los ID son únicos en una página, mientras que las clases pueden aplicarse a múltiples elementos. Otra diferencia es que los ID tienen prioridad sobre las clases. Si se aplica un estilo a un elemento utilizando tanto un ID como una clase, el estilo del ID prevalecerá.
Un identificador (ID) es un atributo único que se le da a un solo elemento HTML en una página. Son formas de etiquetar elementos HTLM para aplicar estilos especificos a esos elemntos
Modelo de caja
El relleno (padding), en verde, es la parte interior del elemento, entre el contenido y el borde.El contenido, en azul, es la parte interior del elemento, excluyendo el relleno.
El modelo de caja en CSS se refiere al diseño de cajas rectangulares que rodean el contenido y pueden tener propiedades como margen, borde, relleno y tamaño.
La representación básica del modelo de cajas se basa en varios conceptos importantesEl borde (border), en negro, es el límite que separa el interior del exterior del elemento.El márgen (margin), en naranja, es la parte exterior del elemento, por fuera del borde.
Herencia
En CSS, los estilos se pueden heredar de un elemento, lo que significa que un estilo en un nivel superior puede afectar a los elementos secundarios La herencia es el proceso por el cual algunas propiedades CSS aplicadas a una etiqueta se pasan a las etiquetas anidadas.
La herencia también funciona a través de múltiples generaciones. Si una etiqueta como <em> o <strong> aparece dentro de una etiqueta <p>, entonces las etiquetas <em> y <strong> también heredan las propiedades de cualquier estilo aplicado a la etiqueta <body>.
¡Gracias!