CSS (Hojas de Estilo en Cascada)
Introducción a CSS3
Bienvenidos a esta sección donde nos dedicaremos a aprender este maravilloso lenguaje de estilos, si no estas familiarizado con este lenguaje no importa aprenderás a aplicar estilos a tus sitios web de manera profesional, pero antes definamos que es CSS3 para eso vamos a ver que dice la Wikipedia:
«Cascading Style Sheets o en español Hojas de Estilos en Cascada es un lenguaje usado para definir la presentación de un documento estructurado en HTML o XML.»
Eso significa que CSS nos ayuda a aplicarle estilos personalizados a nuestra pagina web, lo cual le permite a los desarrolladores frontend mantener un control sobre la apariencia de nuestros documentos, así como también nos ayuda a separar el contenido y los estilos de nuestro sitio, lo que ayuda enormemente a tener un sitio mucho mas fácil de mantener, CSS3 es la ultima especificación del lenguaje que junto con HTML5 y Javascript conforman todo un ecosistema en el cual se construye la web actual.
Formas de Iimplementar CSS
existen tres formas diferentes de aplicarle estilos a un documento HTML, aplicar cada una de ellas dependerá de como te guste trabajar ya que al final del día ambas formas harán lo mismo, es aquí donde tenemos que tener en cuenta cual sera la mas fácil de mantener y que ademas no nos afecte el performance de nuestro sitio.
Estilo en linea o Inline: En este método se insertan nuestros estilos directamente dentro de una etiqueta HTML, este no es un método recomendable debido a que nuestro código quedaría poco legible.
Hoja de estilo interna: Consiste en colocar todos nuestro estilos dentro de una etiqueta <style></style> que se colocaría en el head de nuestro documento HTML.
Hoja de estilo externa: Es la manera recomendable de hacerlo y consiste en colocar todos nuestros estilos en un archivo independiente al cual se hace referencia desde nuestro documento HTML utilizando la etiqueta <link>, esto nos separa completamente nuestra estructura de la pagina de los estilos CSS.
En esta sección veremos cada uno de estos métodos y al final aplicaremos los estilos básicos a un sitio web, para que puedas poner en practica todos los conocimientos aprendidos, cabe mencionar que es necesario tener conocimientos básicos de HTML para poder estructurar el sitio al cual le vamos a aplicar estilos, acá te dejo el link de nuestro curso de HTML5 donde aprenderás la estructura básica de un sitio web.
Bienvenidos!