Preguntas etiquetadas con css

CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo de representación que se utiliza para describir el aspecto y el formato de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) y elementos SVG que incluyen (entre otros) 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.

8
ancho: automático para campos <input>
Pregunta de CSS para novatos. Pensé width:autoque un display:blockelemento significaba "llenar el espacio disponible". Sin embargo, para un &lt;input&gt;elemento, este no parece ser el caso. Por ejemplo: &lt;body&gt; &lt;form style='background-color:red'&gt; &lt;input type='text' style='background-color:green;display:block;width:auto'&gt; &lt;/form&gt; &lt;/body&gt; Entonces dos preguntas: ¿Existe una definición de exactamente qué ancho: auto significa? La especificación CSS …
122 css 
5
La transformación CSS3 no funciona
Estoy tratando de transformar los elementos de mi menú girándolos 10 grados. Mi CSS funciona en Firefox pero no pude replicar el efecto en Chrome y Safari. Sé que IE no admite esta propiedad CSS3, por lo que no es un problema. Usé el siguiente CSS: li a { -webkit-transform:rotate(10deg); …
122 html  css 
11
Reaccionar texto nativo saliendo de mi pantalla, negándose a ajustar. ¿Qué hacer?
El siguiente código se puede encontrar en este ejemplo en vivo Tengo el siguiente elemento nativo de reacción: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( &lt;View style={styles.container}&gt; &lt;View style={styles.descriptionContainerVer}&gt; &lt;View style={styles.descriptionContainerHor}&gt; &lt;Text style={styles.descriptionText} …
3
Calcule un porcentaje con SCSS / SASS
Quiero establecer un ancho en porcentaje en scss mediante cálculo, pero me da errores. CSS no válido después de "...- width: (4/12)%": expresión esperada (por ejemplo, 1 px, negrita), era ";" Quiero hacer algo como $my_width: (4/12)%; div{ width: $my_width; } ¿Cómo agrego el signo% allí? Misma pregunta con px …
121 css  sass 
7
angular 2 ngIf y transición / animación CSS
Quiero que un div se deslice desde la derecha en el ángulo 2 usando css. &lt;div class="note" [ngClass]="{'transition':show}" *ngIf="show"&gt; &lt;p&gt; Notes&lt;/p&gt; &lt;/div&gt; &lt;button class="btn btn-default" (click)="toggle(show)"&gt;Toggle&lt;/button&gt; Funciono bien si solo uso [ngClass] para cambiar de clase y utilizar opacidad. Pero no quiero que ese elemento se renderice desde el principio, …
8
¿Puedo colorear las columnas de la tabla usando CSS sin colorear celdas individuales?
¿Hay alguna forma de colorear los tramos de las columnas hasta el final? Vea, ejemplo de inicio a continuación: &lt;table border="1"&gt; &lt;tr&gt; &lt;th&gt;Motor&lt;/th&gt; &lt;th colspan="3"&gt;Engine&lt;/th&gt; &lt;th&gt;Car&lt;/th&gt; &lt;th colspan="2"&gt;Body&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;3&lt;/td&gt; &lt;td&gt;4&lt;/td&gt; &lt;td&gt;5&lt;/td&gt; &lt;td&gt;6&lt;/td&gt; &lt;td&gt;7&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;7&lt;/td&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;3&lt;/td&gt; &lt;td&gt;4&lt;/td&gt; &lt;td&gt;5&lt;/td&gt; &lt;td&gt;6&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; Ejecutar fragmento …
121 html  css 
4
¿Cómo alinear las columnas flexbox a la izquierda y a la derecha?
Con CSS típico, podría hacer flotar una de las dos columnas a la izquierda y otra a la derecha con un espacio intermedio. ¿Cómo haría eso con flexbox? http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid …
121 html  css  flexbox 
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.