Aquí comparto el modo de incorporar nuestras hojas de estilos segun el tipo de medio.
(Fuente ):
<!-- para monitores de ordenador, computadora -->
<link rel = "stylesheet" type = "text/css" media="screen" href="css/screen/general.css"/>
<!-- para imprimir -->
<link rel = "stylesheet" type = "text/css" media="print" href="css/print/general.css"/>
<!-- para pequeñas pantallas, como móviles, pda, ... -->
<link rel = "stylesheet" type = "text/css" media="handheld" href="css/handheld/general.css"/>
<!-- para ciegos -->
<link rel = "stylesheet" type = "text/css" media="
braille" href="css/braille/general.css"/>
<link rel = "stylesheet" type = "text/css" media="
embossed" href="css/embossed/general.css"/>
<!-- sintetizadores de voz -->
<link rel = "stylesheet" type = "text/css" media="
speech" href="css/speech/general.css"/>
<!-- Para la terminal o consola, cuando navegamos con lynx -->
<link rel = "stylesheet" type = "text/css" media="tty" href="css/tty/general.css"/>
<!-- pantalla, impresión y teléfono móvil o pda
<link rel = "stylesheet" type = "text/css" media="screen" href="css/screen/menu.css"/>
<link rel = "stylesheet" type = "text/css" media="print" href="css/print/menu.css"/>
<link rel = "stylesheet" type = "text/css" media="handheld" href="css/handheld/menu.css"/>
Cualquier novedad avisar aquí o ya creamos un tema nuevo.
