6 Poco Conocido cosas acerca de CSS por Deepa Ranganathan

CSS mantiene la actualización de sí mismo, de una manera que usted necesita para mantenerse al día con las características cambiantes y tonos de esta hoja de estilos. Usted necesita saber la nueva sintaxis, y también los métodos no-código que puede utilizar muy bien. Aquí se le presentó a algunos de los hechos menos conocidos de CSS que le ayudará a ponerse al día con los detalles.

Border-radio con Slash

Si desea definir el radio de forma a que usted está planeando usar en su sitio web, entonces usted puede utilizar la propiedad barra para definir el radio frontera. Así es como se le codificando que

.box {

border-radius: 35px 25px 30px 20px /35px 25px 15px 30px;

}.

Para aquellos, que sienten que esto no es un forma válida de entrar en el radio, piense de nuevo! CSS ha definido la propiedad slash como válido

Los valores anteriores a la barra son para el radio horizontal, mientras que después de la barra establecer el radio vertical para la forma en la preocupación

border-top-izquierda-radio:.. Los valores

esto determinará la curvatura de la forma

Fuente Peso Usos relativos Palabras clave

Las propiedades normales definidas para font-weight sería normal o negrita. También puede utilizar valores enteros para definirlo. Pero, lo que no se utiliza generalmente es más audaz o más claro. Pero, parece que ahora las cosas han cambiado. Los valores vinculados a negrita fue de 700, mientras que para el normal era de 400. Ahora, el código siguiente muestra cómo las palabras clave relativas con valores pueden cambiar la apariencia de su peso de la fuente

.box {

font-weight: 100;

}

.box-2 {

font-weight: más audaz; /* Mapas a 400 * /

}

.box-3 {

font-weight: más audaz; /* Mapas a 700 * /

}

.box-4 {

font-weight: 400;

}

.box-5 {

fuente -Peso: más audaz; /* Mapas a 700 * /

}

.box-6 {

font-weight: más audaz; /* Mapas a 900 * /

}

.box-7 {

font-weight: 700;

}

.box-8 {

fuente -Peso: más audaz; /* Mapas a 900 * /

}

.box-9 {

font-weight: más audaz; /* Mapas a 900 * /

}

.box-10 {font-weight

: más ligero; /* Mapas a 700 * /

}

.box-11 {font-weight

: más ligero; /* Mapas a 400 * /

}

.box-12 {font-weight

: más ligero; /* Mapas a 100 * /

}

Los valores de mapeo han cambiado para cada caso, como se muestra en el código anterior. Este es un método relativo.

Esquema-Offset Propiedad

Con esta propiedad se puede definir el límite para el esquema que se compensará a partir del elemento de preocupación. Esta es una propiedad rara vez se utiliza, que se puede utilizar si desea mejorar sus opciones de depuración. Normalmente, el esquema no incluye esquema de compensación, y usted tendrá que definir por separado. Bueno, hay una limitación a esta propiedad. No es compatible con el navegador Internet Explorer, y que podría ser un revés.

La Mesa-Diseño de propiedad

Esta es otra propiedad que se utiliza muy poco, y es menos conocido. En realidad no es explica por sí mismo, como te sientes. Usted puede asegurarse de que el diseño horizontal no es realmente el contenido dependiente pero ancho depende si utiliza esta propiedad correctamente. Usted puede incluso fijar el diseño de la mesa, o el uso de palanca botón para cambiar entre propiedades. Esta es una brillante propiedad, que se puede utilizar si su diseño se compone de unas pocas mesas

El: first-letter Elemento

Si desea labrar la primera letra de cualquier elemento, entonces este es la propiedad que usted debe utilizar. Esto le da a su primera carta el efecto capitular, que es otra vez muy importante. No es un estándar que se ha establecido durante un período de tiempo, lo que refleja cómo se debe especificar la primera letra. Este establecimiento elemento ayuda a definir la primera letra de una manera estándar.

Animación iteraciones como valores fraccionarios

Puede utilizar la propiedad de animación-iteración de conteo para fijar el número de veces que la animación será jugado

.example {

animación iteración cargos: 3;

}. Francia El recuento puede pasar de un valor entero a medio tiempo, según lo especificado por usted. Esta es una característica interesante que se debe utilizar si va a crear animaciones en CSS.

Siempre es bueno hacer tapping en los procedimientos de codificación menos conocidos que maneja CSS. Usted obtiene una mejor idea de cómo llevar a cabo con técnicas de CSS. contratar a los desarrolladores dedicados

para dar a conocer las mejores hojas de estilo y diseños para sus aplicaciones.