Organizar CSS

[juanchilo]

Mira en primer lugar quiero decirte que las formas mas comunes de organizar diferentes hojas de estilos es por medio de links, colocando todos los que afecten al mismo documento documento

<link rel="stylesheet" href="css/estilo.css" type="text/css"/>
<link rel="stylesheet" href="css/estilo2.css" type="text/css"/>
<link rel="stylesheet" href="css/estilo3.css" type="text/css"/>

O sino como dices con el: @import
Pero de las dos recomendaciones la primera (link) es la mejor ya que varios navegadores previos a las versiones 5.5 de explorer o Netscape 5 no lo soportan al @import

Igual quiciera decirte que una de las principales razones de traer los estilos desde un archivo externo (archivo.css) es que el documento html solo llama a los estilos que seran usados por el archivo html (llamados mediante id, o class), por lo que no se cargara en el documento html todos los estilos que definas (como si lo haria si colocas el estilo de forma interna con <style></style>).

En cuanto a conseguir menos peso te recomendaria si que agrupes propiedades dentro de un mismo elemento como por ejemplo:

Border: 1px solid #330000;

que resumiria todo esto:

border-color:#330000;
border-style: solid;
border-width: 1px;

saludos espero te sirba mi aporte