-
Cómo combinar los atributos a CSS Uno
-
Cascading Style Sheets o CSS, dictar el aspecto general de un sitio definiendo el estilo de cada elemento - puede ser el diseño de letra, color o página. Por lo general, un sitio web utiliza un archivo CSS a través de sus muchas páginas. Los sitios grandes tienen archivos CSS con numerosas líneas de códigos, a menudo creando un archivo CSS grande. Si desea optimizar la velocidad de carga de su sitio, una cosa que puede cambiar es el tamaño del archivo CSS. La combinación de varios atributos en una usando taquigrafía CSS disminuye las líneas de código, lo que resulta en un archivo CSS más pequeño.Instrucciones
El uso de la taquigrafía en las fronteras
1 Abrir el archivo CSS de su sitio en el Bloc de notas.
2 Buscar el código de instancias RCEst se definen los atributos de frontera. Por ejemplo:
.sidebar {
border-width: 1px;
frontera de estilo: punteado;
border-color: # 000;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 3px;
border-left-width: 4 píxeles;
}
3 Combinar los atributos de la frontera utilizando la propiedad rápida "frontera" y "border-width":
.sidebar {
frontera: 1px de puntos # 000;
border-width: 1px 2px 3px 4PX;
}
La abreviatura "frontera" combina ancho, estilo y color, mientras que "border-width" combina la parte superior, derecha e inferior izquierda y atributos.
El uso de la taquigrafía en Fondos
4 Abra su archivo CSS.
5 Buscar el código para los casos en que se definen los atributos de fondo. Por ejemplo:
cuerpo {
background-color: #ccc;
Imagen de fondo: URL ( 'mybackground.jpg');
background-repeat: no-repeat;
background-attachment: fija;
background-position: superior derecha;
}
6 Combinar el fondo atributos utilizando la abreviatura "fondo":
cuerpo {
background: url #ccc ( 'mybackground.jpg') no-repeat fija superior derecha;
}
Los atributos combinados deben escribirse en el siguiente orden: color, URL de la imagen, la repetición, el apego y la posición.
El uso de la taquigrafía en Fuentes
7 Abra su archivo CSS
8 Buscar el código para los casos en que se definen los atributos de fuente. Por ejemplo:
h1 {
font-style: underline;
font-variant: small-caps;
font-weight: bold;
font-size: 16px;
line-height: 30px;
font-family: "Arial", sans-serif;
}
9 Combinar la fuente atribuye el uso de la "fuente" abreviada:
h1 {
fuente: underline small-caps negrita 16px / 30px "Arial", sans-serif;
}
Los atributos combinados deben escribirse en el siguiente orden: estilo, variante, peso, tamaño, altura y alineación familia de fuentes.
El uso de la taquigrafía en márgenes y el relleno
10 Abra su archivo CSS.
11 Buscar instancias del código en que se definen los atributos margen y el relleno. Por ejemplo:
.caja {
margin-top: 5px;
margin-right: 0;
margin-bottom: 3px;
margin-left: 6px;
padding-top: 5px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 6px;
}
12 Combinar los atributos margen y el relleno utilizando el "margen" y la abreviatura "relleno":
.caja {
margen: 5px 0 3px 6px;
padding: 5px 0 3px 6px;
}
Los atributos combinados deben escribirse en el siguiente orden: arriba, derecha, abajo y de izquierda.
Consejos y advertencias
- No se requiere que todos los atributos y pueden dejarse en blanco.
- Para el código CSS para trabajar, es importante que siga la secuencia correcta para cada propiedad CSS en forma abreviada.
