@media solo pantalla y (device-width: 768px) (/ * Para diseños generales de iPad * /) @media solo pantalla y (min-device-width: 481px) y (max-device-width: "

Hemos trasladado este fragmento a nuestro fragmento canónico sobre este tema. Consulte: Manejo de URL y palabras largas "

Yendo directo al código, aquí hay una implementación de trabajo: html (font-size: 16px;) @media screen y (min-width: 320px) (html (font-size: calc (16px + "

Puede hacer que se oculte automáticamente en lugar de que se muestre siempre: html (-ms-overflow-style: -ms-autohiding-scrollbar;) Resulta así: Crédito a Thierry "

A: enlace (color: azul;) a: visitado (color: violeta;) a: hover (color: rojo;) a: activo (color: amarillo;) Enlace, visitado, hover, activo L, V, H, A AMOR, ODIO "

La unidad de tamaño de fuente rem es similar a em, solo que en lugar de en cascada siempre es relativa al elemento raíz (html) (más información). Esto tiene bastante "

Hola .layered-paper (fondo: #eee; box-shadow: 0 1px 1px rgba (0,0,0,0.15), / * La sombra de la capa superior * / 0 10px 0 -5px #eee, / * La segunda capa * / 0 "

Siempre puede aplicar un filtro a un elemento para que sea monótono en el sentido de la escala de grises: vea el lápiz monótono en una imagen de Chris Coyier (@chriscoyier) "

El texto de las etiquetas

 no se ajusta de forma predeterminada. Por ejemplo, consulte el fragmento de código a continuación. Si esto causa problemas de diseño, una solución es dar el "

							

Html, cuerpo, div, intervalo, applet, objeto, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acrónimo, dirección, grande, citar, código, del, dfn, em, fuente, "

Los navegadores que admiten múltiples fondos (WebKit desde los primeros días, Firefox 3+) usan una sintaxis como esta: #box (background: url (icon.png.webp) top left "

Las páginas web en iOS tienen de forma predeterminada un desplazamiento de estilo "momentum" en el que un movimiento rápido del dedo envía el desplazamiento de la página web y continúa hasta que finalmente "

Declaración básica y uso @ -webkit-keyframes NAME-YOUR-ANIMATION (0% (opacity: 0;) 100% (opacity: 1;)) @ -moz-keyframes NAME-YOUR-ANIMATION (0% ("

Usando pseudoelemento (s) Puede colocar un pseudo elemento de manera que esté detrás del elemento y sea más grande, creando un efecto de borde con el suyo "

Esto no es un fieldset

¡Booyah!

.fieldset (posición: relativa; borde: 1px sólido "

Imagen de fondo:"

Img (-ms-interpolation-mode: bicubic;) Si reduce una imagen con atributos de ancho y / o alto, se verá terrible en IE a menos que use "

@media pantalla y (ancho mínimo: 320px) y (ancho máximo: 767px) y (orientación: paisaje) (html (transform: rotate (-90deg); transform-origin: left top; "

Ul.box (posición: relativa; índice z: 1; / * evitar que las sombras caigan detrás de los contenedores con fondos * / overflow: hidden; list-style: none; margin: 0; "

Aquí hay un ejemplo de una clase simple de tres columnas: .three-col (-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap : "