CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo de representación utilizado para describir el aspecto y el formato de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) y elementos SVG que incluyen (pero no se limitan a) colores, diseño, fuentes, y animaciones. También describe cómo se deben representar los elementos en la pantalla, en papel, en el habla o en otros medios.

Más sobre css...

Estoy tratando de agregar relleno después de una etiqueta <details> porque la siguiente <p> básicamente la toca ... Intenté agregar padding-bottom pero solo hace que la etiqueta gris sea más grande y no agrega espacio ... El CSS que tengo actualmente es: // Start Drop Down Details details { pa....
3 may. 2021 a las 00:41
Obtuve algunos datos de una API con la que creé una lista de botones. Digamos que los datos que recibí se ven a continuación: { name: "bob", colorCode: "#DC7472" }, { name: "ben", colorCode: "#69DCD1" }, { name: "john", colorCode: "#1570C5" }, { name: "joe", colorCode: "#1550C4" } ]; Usand....
2 may. 2021 a las 22:23
Estoy tratando de hacer un cambio de botón cuando se selecciona una determinada opción de un menú desplegable. document.getElementById("region").onchange = function() { document.getElementById("order-btn").product-code = this.value; } <select name="option" id="option" required> <option value="....
2 may. 2021 a las 19:54
Tengo plegables dentro de los plegables, y me gustaría que todos los niveles debajo del primero se abran cada vez que se hace clic en el primer nivel. Entonces, por ejemplo, si hago clic en el Acto 1, me gustaría que todo en la Escena 1 y 2, incluidos todos los Fragmentos, se abra cada vez que se ha....
2 may. 2021 a las 18:57
Tengo 2 nubes (= wolkje) que flotan en mi animación. Sin embargo, quiero que estas nubes floten 1 vez durante la animación y no repetidamente. .wolkje1 { background-repeat: no-repeat; position: absolute; width: 650px; height: 120px; top: 3px; background-size: 110px; background-image: url(../images/....
2 may. 2021 a las 18:22
<div class="section"> <div class="container"> <div class="row"> <div class="col-lg-6 col-lg-offset-3"> <h1 class="header text-center"> <span>Получите видео-инструкцию</span> <strong class="text-uppercase">как управлять своим временем</strong> ....
2 may. 2021 a las 18:01
Quiero iterar a través de una clase y mostrar el texto correspondiente cuando coloco el cursor sobre cada elemento. HTML <div class="box red"></div> <div class="box green"></div> <div class="box red"></div> <div class="info"> Hi </div> <div class="info"> Hello </div> <div class="info"> Hey </....
2 may. 2021 a las 17:58
Entonces, tengo esta lista, que tendrá varios elementos, pero la versión más simple está a continuación: <!DOCTYPE html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="stylesheet1.css"> </head> <body> <u....
2 may. 2021 a las 17:15
Hola, este es mi fragmento de código. Estoy tratando de centrar la alineación de los contenedores debajo del contenedor principal, pero mi css no funciona como se esperaba. ¿Alguien puede ayudarme por qué mis tablas no se alinean al centro? He pasado por varias soluciones aquí en el desbordamiento....
2 may. 2021 a las 14:29
/* css reset*/ * { margin: 0; padding: 0; box-sizing: border-box; } /* custom styling */ p { border-style: dotted; } span { border-style: dotted; } <!DOCTYPE html> <html> <head> <!-- title of the website --> <title>Learning html and css</title> <!-- meta charset --> ....
2 may. 2021 a las 14:21
Estoy tratando de replicar el marcador de mapas de Google que muestra la dirección de orientación del usuario. Tiene una forma de cono / haz de luz / luz de destello donde se desvanece de un color a transparente. Cuando busco formas CSS en Google, este es uno de los métodos sugeridos para crear un....
css
2 may. 2021 a las 13:54
Creé una transición deslizante para mostrar información sobre la imagen cuando pasas el cursor sobre ella (gracias a @ StepPen-codes < / a> por ayudarme en eso). El problema es que el texto no está centrado en el cuadro. Como si tuviera que centrar cada <div> con mi mano -no hay forma de que pu....
2 may. 2021 a las 10:20
Antecedentes: estoy creando un sitio web de cartera y soy un principiante con HTML y CSS. He tenido problemas para comprender el diseño y la posición y he estado aprendiendo todo lo posible. Lo que tengo hasta ahora es un fondo que usa P5.js y luego tengo una capa encima de la que actúa como vidri....
2 may. 2021 a las 09:46
Tengo un formulario de comentarios con 3 imágenes en las que se puede hacer clic para la calificación de satisfacción del usuario: [1]: https://i.stack.imgur.com/hsUkd.png Bastante nuevo en javascript. Cuando ejecuto .addeventListener en mi script, funciona en la primera instrucción if, y si elim....
2 may. 2021 a las 09:42
Tengo algunos problemas con la altura de la ventana en el navegador móvil. Estoy usando CSS 100vw pero no siempre es exacto, especialmente cuando el navegador muestra una funcionalidad adicional, me refiero a la barra de navegación en la parte superior o los botones funcionales en la parte inferior....
2 may. 2021 a las 08:56
Estoy tratando de poner dos contenedores flexibles uno al lado del otro usando flexbox, tomando este diseño como referencia (quiero que sea como la primera fila aquí, con parte de la imagen a la izquierda dentro de una caja y la otra en el derecho) Este es mi código hasta ahora para los dos conten....
2 may. 2021 a las 08:53
/* button gifs */ .button-gifs { display:inline-block; margin-left: auto; margin-right: auto; width: 10%; padding: 5px; align:center; min-width: 120px; } /* Ion Cannon */ .earth{ width: 150px; height: 150px; background: url(https://i.imgur.com/ubEXxDA.png); backgroun....
2 may. 2021 a las 08:31
Estoy aprendiendo Bootstrap v5.0. Estoy intentando cambiar el tamaño de la etiqueta select con CSS width pero no funciona. También probé Bootstrap .col y tampoco funciona. Mi código: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte....
2 may. 2021 a las 08:21
Ya hice una búsqueda sobre algunas preguntas aquí en el desbordamiento de pila y probé algunas de las soluciones mencionadas, pero no solucionó mi problema. Soy nuevo en codificación. También investigué un poco en línea, pero no he encontrado respuestas que solucionen mi problema. -PRIMER PROBLEMA ....
2 may. 2021 a las 07:21
este es mi archivo de componente html allData tiene datos de db con estilo en línea <div class="col-12" *ngFor="let data of allData"> <div [innerHTML]="data.description"></div> </div> ....
2 may. 2021 a las 06:38
Me gustaría mantener el texto en una línea correspondiente al ancho del contenedor usando css o javascript. Por ejemplo, cuando el ancho del contenedor es fijo y la longitud del texto es más larga, el tamaño de fuente del texto debe ser más pequeño para mantenerlo en una línea.....
2 may. 2021 a las 05:57
Quiero que mi sitio web funcione bien tanto para la vista de escritorio como para la vista móvil. Cuando se ve en el escritorio, quiero que tenga márgenes bastante grandes en el lado izquierdo y derecho. (Imagen de abajo). Sin embargo, cuando me encojo a la vista móvil. Deben reducirse a alreded....
css
2 may. 2021 a las 04:57
Soy nuevo en VueJS. Aquí tengo un componente para un banner que aparece en la versión móvil de mi página. Me gustaría cerrarlo al hacer clic en el icono X. ¿Cómo pude lograr esto? ¿Necesitaría un botón en su lugar? <template> <div class="mobile-banner"> <div class="container card"> ....
2 may. 2021 a las 04:28
Busqué en línea y solo encontré una versión para swift. En línea, la única palabra clave que devuelve un resultado de búsqueda es ScrollCounter . ¿Es posible este tipo de animación si CSS HTML? Si alguien puede señalarme un recurso que funciona, o un ejemplo, publicaré mi investigación después de....
2 may. 2021 a las 04:19
Quiero utilizar la cuadrícula css para mostrar la siguiente tabla usando el patrón repeat(x): Los recuadros azules son los títulos y solo aparecen una vez. Deben usar el ancho automático, basado en el cuadro azul / verde más grande de la columna. Los cuadros verdes también usan el ancho automático,....
2 may. 2021 a las 04:16