Scribd
Cargar
104 vistas2 páginas

Tipos de Selectores en HTML y CSS

Este documento describe los diferentes tipos de selectores CSS, incluidos el selector universal (*), los selectores de tipo, los selectores de clase y los selectores de ID. Cada selector tiene su propia sintaxis y permite seleccionar y dar estilo a elementos específicos en una página web. Los selectores son una parte fundamental de CSS para diseñar y dar formato a los sitios web.

Cargado por

raul
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
104 vistas2 páginas

Tipos de Selectores en HTML y CSS

Este documento describe los diferentes tipos de selectores CSS, incluidos el selector universal (*), los selectores de tipo, los selectores de clase y los selectores de ID. Cada selector tiene su propia sintaxis y permite seleccionar y dar estilo a elementos específicos en una página web. Los selectores son una parte fundamental de CSS para diseñar y dar formato a los sitios web.

Cargado por

raul
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

SELECTORES DE HTML – CSS

Los selectores de HTML son herramientas que nos permiten seleccionar y


manipular elementos específicos en una página web. Los selectores son una parte
fundamental de CSS (Cascading Style Sheets), que es el lenguaje utilizado para
dar estilo y diseño a los sitios web.
Hay varios tipos de selectores de HTML, cada uno con su propio conjunto de
reglas y formas de seleccionar elementos. En esta exposición, hablaremos sobre
los selectores más comunes y cómo funcionan.
Tipos de selectores CSS
1. Selector universal
El asterisco (*) es el selector universal en CSS. De forma automática, el asterisco
selecciona todos los elementos en un documento.
Este es el código en CSS con un selector universal para todos los elementos:
*{
    color : Orange;
}
2. Selectores de tipo
El selector de tipo es el más básico de todos los selectores y se utiliza para
seleccionar todos los elementos de un tipo específico. Por ejemplo, el selector de
tipo `p` seleccionará todos los elementos de párrafo en una página web. La
sintaxis para el selector de tipo es simplemente el nombre del elemento (en
minúsculas).
p{
  color : red;
}
3. Selectores de clase
El selector de clase se utiliza para seleccionar elementos que tienen un atributo
"class" específico. Los atributos de clase se utilizan para agrupar elementos y
darles un estilo específico. Por ejemplo, el selector de clase `.cl1` seleccionará
todos los elementos con la clase "cl1”. La sintaxis para el selector de clase es un
punto seguido del nombre de la clase.

Ejemplo:
.cl1 {
  font-weigh t: bold;
}
4. Selector de ID
El selector de ID selecciona un elemento específico en función de su identificador
único. Los identificadores únicos se utilizan para identificar elementos específicos
en una página web. Ten en cuenta que este selector solo funcionará cuando el
valor dado es idéntico al del ID del atributo que quieres referir. Por ejemplo, el
selector de ID `#encabezado` seleccionará el elemento con el identificador
"encabezado".
#encabezado {
  font-size : 24px;
}

También podría gustarte