En esta sección voy a comenzar a hablar del porque elegir una resolución u otra:
Como primero tenemos que saber o imaginarnos a que publico o usuario esta apuntado nuestro sitio, ya que dependeremos un poco de quién va a ingresar en nuestro sitio web para decidir qué resolución de pantalla usar.
Esto significa que si el sitio es para un público acotado tendríamos que saber qué resolución de pantalla tienen es su mayoría, esto es simple, si el público son diseñadores, programadores, usuarios avanzados, o la página web está destinada a usuarios de alto poder adquisitivo seguramente la resolución de pantalla va a ser buena ya que estos grupos seguramente tienen un recambio de equipos constante y con ordenadores de alta gama. Ahora si apuntamos a otros grupos como ser secretarias, agencias, usuarios básicos, utilitarios, usuarios de bajo poder adquisitivo o con mínimas necesidades de uso de ordenadores. En estos casos es donde los equipos que tienen hace mucho tiempo cumplen las funciones necesarias para la empresa y no es necesario cambiarlos, estos usuarios seguramente tendrán resoluciones de 800 x 600.

Imaginemos que deseamos aplicar una sangría de cuatro centímetros a un único encabezado de nivel dos y mostrar el color del encabezado como texto blanco sobre un fondo azul. Para especificar una regla de formato CSS que se aplique solamente a una etiqueta, utilizamos el atributo style para especificar la regla en la etiqueta como <nombreDeEtiqueta style=”Declaraciones de CSS”>. Así, en este ejemplo, podriamos insertar la regla CSS en la etiqueta <h2> de la siguiente manera:

Las reglas de la hoja de estilo se insertan entre las etiquetas de estilo inicial y final (<style> y </style>) de la sección encabezado de la página web: