css responsives

Hola amigos!

Tengo una duda vital respecto A las hojas de estilo, bueno dos, jeje

Una es.....si tengo una plantilla con 3 hojas de estilo distintas, normal, responsive y iexplorer iexplorer, y quiero saber si la vinculación de la index.htm se haría igual solo que enlazando A las tres hojas de estilo. Y en ese caso, se haría el enlace poniendo las tres hojas de estilo A la vez o por separado.

Si alguien maneja dreamweaver sabría como hacer, partiendo de un html para Q hubiese css normal y responsive, esq los tutoriales Q hay son de hacerlo desde cero Con diseňo fluido en grid, pero no hay tutoriales Q expliquen cómo hacer diseňos responsives partiendo de un css normal, si debemos aňadir css, como debemos vincularlo etc...

La segunda duda es....sabéis como hacer degradados en css?

Y otra duda más ya la última....a ver. Soy novatilla ok? Estoy haciendo mi primera web desde cero y de momento tao como dicen los manuales, lo que hago es hacer html en una hoja llamada indeX.html pero veo Q en las webs, concretamente las templates wordpress, hay también una hoja Page.php y no se cual es la diferencia entre ambas cosas.
Las explicaciones de @skaparate siempre son de lo más completas y sencillas, es increíble xD.

No quiero meterte muchos pájaros en la cabeza, pero cuando domines lo básico (HTML y CSS) y no quieres complicarte la vida con el responsive design, podrías utilizar frameworks o sistemas de grids ya diseñados. Yo empecé hace poco a utilizar Bootstrap en los proyectos que me iban surgiendo y la verdad es que me va bastante bien con él (aunque es cierto que le faltan algunas cosas - por ejemplo, más tamaños predefinidos para las media queries, ya que a partir de 480px lo considera ya un smartphone).
Jo mil gracias de verdad.os agradezco muchiiiiiiisimo las respuestas.lo de frameworks y bootstrap fijate Que lo he visto por ahí, pero nunca me fije, A partir de ahora tomo nota de los expertos.Gracias A ambos de verdad.u perdón por mi ignorancia o si mis dudas son algo tontas.por algo hay Q empezar si uno es autodidacta...voy A seguir con mis dudas pero he descubierto un foro dedicado A wordpress y a el que voy A ir de cabeza...jejej
Hola, hola¡

Para hacer degradados utilizo una herramienta muy sencilla on-line que genera el código css simplemente jugando con las colores, posición y demás.
Luego sólo tienes que copiar el código y añadirlo a tu hoja de estilo.
Además la web te permite generar otras cosas como sombras o bordes específicos. Este es el link: http://www.cssmatic.com

Un saludo¡
Sobre mi experiencia, la primera vez que intenté realizar un diseño responsive lo que hice fue tener dos hojas de estilo, una para sobremesa y otra para móvil. Detectaba el navegador y resolución y linkaba a una u otra para que mostrara el diseño respecto a la resolución de pantalla. Me ha dado problemas ya que había cosas que no se mostraban correctamente en algunos navegadores y a veces detectaba versión móvil cuando era sobremesa y viceversa.
Con una actualización cambié el diseño de la web a uno más moderno y responsive, utilizando solamente una hoja de estilo que se adapta a las pantallas por medio de capas que cuanto no puede mostrarlas en horizontal lo hace en vertical. Además, el menú muestra un diseño u otro en base al tamaño de la pantalla mediante el siguiente código:
@media only screen and (max-width: 767px) {

}
@media only screen and (min-width: 768px) {

}