¿Qué sucede si no uso estilos CSS en mi página?

En esta sección analizaremos qué es lo que sucede cuando no se utiliza ninguna hoja de estilos CSS en un sitio web.

Normalmente cada navegador viene con una lista de valores por defecto para todos los selectores. Por ejemplo, pueden establecer tamaños de fuente, colores o márgenes para que un sitio web se vea sin necesidad de una hoja de estilo.

El problema es que estos valores no son parte del estándar, entonces cada navegador tiene la libertad de poner los valores que desee. Por ejemplo, Chrome puede decidir que el espacio entre párrafos sea de "1rem" y en Safari sea "20px". Para solucionar este problema, existen dos métodos.

Borrar todos los estilos por defecto


Podemos decidir utilizar una hoja de estilos que borre todos los estilos predeterminados y nos dé la libertad de escribir todo nuevamente. Normalmente se conoce a este archivo como "reset.css" y se encuentran varias versiones como la siguiente:

Uniformizar todos los estilos por defecto

El segundo método es el de utilizar una hoja de estilos que uniformice a todos los valores. Entonces el sitio web se vera de la misma forma, con un estilo por defecto, en todos los navegadores. Esta hoja de estilo es conocida como "common.css" y una de las versiones es:

70 me gusta
237 vistas
Anterior Selectores de estilo CSS
Siguiente ¿Debería utilizar un framework CSS?
Programar en HTML y CSS

Programar en HTML y CSS

En esta lista de tutoriales veremos como programar de forma clara y directa en código HTML y CSS que son la base de la web.

¿Cómo se escribe en código HTML?

En esta sección veremos los elementos y la forma en la que se debe escribir el código de hipertexto o HTML.
Tiene video

Esquema de una página HTML

En este artículo veremos el esquema básico de una página en HTML5, la última version de código HTML que existe.

¿Existen reglas para escribir código HTML?

En este artículo analizaremos la forma correcta de escribir en código HTML.

¿Para qué sirve el código CSS?

Aquí veremos para que sirven las hojas de estilo y su uso en los sitios web.

Unidades de medida CSS

En esta sección analizamos todas las unidades de medida que existen en CSS

Propiedades de estilo CSS de bloques

En este artículo vemos las propiedades de estilo que tienen los bloques utilizando una hoja de estilos CSS.

Propiedades CSS para los textos

Aquí veremos como se puede dar estilo a los textos utilizando las propiedades de estilo CSS.

Selectores de estilo CSS

En esta sección vamos a analizar lo básico sobre los selectores de estilo CSS.

¿Qué sucede si no uso estilos CSS en mi página?

En esta sección analizaremos qué es lo que sucede cuando no se utiliza ninguna hoja de estilos CSS en un sitio web.

¿Debería utilizar un framework CSS?

Muchas veces nos preguntamos si vale la pena utilizar un framework como Bootstrap o MaterialUI. En este artículo analizamos la situacion.