El selector :habilitado se usa para establecer el color de fondo en el elemento habilitado en un formulario. Sintaxis: :enabled { //property } Ejemplo: <!DOCTYPE html> <html> <head> <style> input[type=text]:enabled { background: limegreen; } input[type=text]:disabled { background: silver; } </style> </head> <body> <form action=»»> Name: <input type=»text» value=»Dharamenda»> <br> <!–enabled–> … Continue reading «CSS | :selector habilitado»
El selector #id se usa para establecer el estilo de la identificación dada. El atributo id es el identificador único en el documento HTML. El selector de ID se utiliza con el carácter #. Sintaxis: #id { // CSS property } Ejemplo: html <!DOCTYPE html> <html> <head> <title>#id selector</title> <!– CSS property using id … Continue reading «CSS | Selector de #id»
Un selector de CSS selecciona los elementos HTML con fines de estilo. Los selectores de CSS seleccionan elementos HTML según su id, clase, tipo, atributo, etc. Hay muchos tipos básicos diferentes de selectores. Selector de elementos Selector de identificación Selector de clase selector universal Selector de grupo Selector de atributos Código HTML: considere el código … Continue reading «Explicar los diferentes tipos de Selectores en CSS»
Una mesa con rayas de cebra es una mesa que tiene filas (o columnas) alternas en un tono de color diferente. Los beneficios de usar tablas con rayas de cebra son muchos, como aumentar la legibilidad de las filas (o columnas), enfatizar un conjunto específico de filas (o columnas), etc. Este artículo le dirá cómo … Continue reading «¿Cómo crear una tabla con rayas de cebra con CSS?»
Los botones son, sin duda, uno de los componentes más importantes de cualquier sitio web o aplicación. Un botón debe diseñarse de tal manera que sobresalga del otro componente para que el usuario tenga claro dónde hacer clic y para qué se utiliza el botón. Hay infinitas formas en las que se puede diseñar un … Continue reading «¿Cómo crear un botón brillante usando HTML y CSS?»
El Selector :last-of-type se utiliza para apuntar al último elemento secundario del mismo tipo que su padre para el estilo. Este selector es el mismo que “:nth-last-of-type”. Sintaxis: :last-of-type { //property } Ejemplo: <!DOCTYPE html> <html> <head> <style> p:last-of-type { background: limegreen; color: white; font-style: italic; font-size: 1.875em; } </style> </head> <body> <h3>I … Continue reading «CSS | :selector de último tipo»
El selector de marcador de posición en el pseudoelemento CSS se usa para diseñar el texto del marcador de posición cambiando el color del texto y permite modificar el estilo del texto. El pseudoelemento ::primera línea es el único subconjunto de propiedades CSS que es aplicable y se puede aplicar en una regla usando ::marcador … Continue reading «CSS::Selector de marcador de posición»
El selector :not(selector) se usa para diseñar cada elemento que no es el especificado por el selector. Dado que evita que se seleccionen elementos específicos, también se conoce como pseudoclase de negación. Sintaxis: :not(selector) { //CSS Property } Ejemplo 1: html <!DOCTYPE html> <html> <head> <title> CSS :not selector </title> <style> p { color: … Continue reading «CSS | :no selector»
CSS permite seleccionar elementos HTML que tienen atributos específicos o valores de atributos. El elemento se puede seleccionar de varias maneras. A continuación se dan algunos ejemplos: [atributo]: Selecciona el elemento con el atributo especificado. [attribute=”value”]: Selecciona los elementos con un atributo y valor especificado. [atributo~=”valor”]: Selecciona los elementos con un valor de atributo que … Continue reading «¿Cómo seleccionar elementos por atributo de datos usando CSS?»
CSS proporciona la función de hacer una línea horizontal que incluya palabras o imágenes en el medio de la página web para que sea atractiva. Esto se puede lograr mediante el uso de propiedades CSS simples. Sintaxis: h4:before, h4:after { content: «»; flex: 1 1; border-bottom: 2px solid #000; margin: auto; } Ejemplo-1: Para hacer … Continue reading «¿Cómo hacer una línea horizontal con palabras en el medio usando CSS?»