JAB Studios S.A.S

Entradas

Mostrando las entradas etiquetadas como CSS

Lo básico: Estilo cascada y Herencia

agosto 07, 2019

Cascada La apariencia final de una pagina web es el resultado de diferentes reglas de estilo. Las principales fuentes de informacion de estilo que forman una cascada son: La hoja de estilo creada por el autor de la página Los estilos predeterminados del navegador Los estilos especificados por el usuario Herencia Esto hace referencia a la forma en que fluyen las propiedades a través de la página. Un elemento hijo generalmente tomara las caracteristicas del elemento padre, a menos que se defina lo contrario. Ya que la etiqueta <p>(Elemento secundario) esta dentro de la etiqueta <body>(Elemento primario) tomara cualquier valor que se le asigne al elemento primario dando como resultado esto:

Lo básico: Comentarios en CSS

agosto 07, 2019

Recordemos que los comentarios son útiles para cuando queremos explicar o entender mejor nuestro código y estos son ignorados por el navegador

Reglas y selectores de CSS

julio 27, 2019

Sintaxis CSS CSS se compone de algunas reglas de estilo que el navegador entiende y luego aplica y esto se basa es tres simples partes. Por ejemplo si queremos definir el color de un titulo lo que debemos tener en cuenta es lo siguiente: h1 {color: purple} Al elemento h1 se le denomina selector ya que seleccionamos que formato vamos a usar, al elemento color se le denomina propiedad ya que es lo que queremos que se le aplique al formato y al elemento purple se le denomina valor ya que es la manera en que la propiedad se va a aplicar. Selectores de tipo Los selectores de tipo son los más comunes y faciles de usar ya que este apunta a todos los tipos de elementos de la pagina. Por ejemplo en el siguiente codigo usamos el selector de tipo para todos los parrafos: Selectores de id y clase Estos selectores permiten aplicar un estilo a un elemento HTML que tenga un atributo id, independientemente de donde se encuentre ubicado. Por ejemplo: EN ...

Lo básico: En línea, integrado, CSS externo

julio 27, 2019

CSS en línea Usar un estilo de linea es una manera de insertar una hoja de estilo, en este caso de CSS en linea solo se le aplica a un elemento o etiqueta que se quiera estilizar. En este ejemplo vemos como usando CSS podemos darle al párrafo un fondo negro y letra color azul. CSS integrado/interno Para aplicar este método se define la etiqueta <style> dentro de un encabezado (<head>). Al usar este método el estilo ya no se le da solo a una linea sino a todos los elementos que tienen el estilo aplicado en la etiqueta <style>. Y este es el resultado, de verdad que es de gran utilidad esto cuando la página esta muy grande. CSS externo Este metodo se utiliza teniendo un archivo guardado con la extensión .css donde estaran todos los valores que le queramos dar a la estructura de un documento HTML. Ejemplo Con este archivo aparte iremos al archivo HTML y luego llamaremos con la etiqueta <link...

Lo básico: ¿Qué es CSS?

julio 26, 2019

Bienvenidos a CSS CSS significa C ascading S tyle S heets ( Hojas de estilo en cascada) . - Cascada se refiere a la forma en que CSS aplica un estilo sobre otro. - Las hojas de estilo controlan la apariencia de los documentos web. CSS y HTML trabajan de la mano: - HTML ordena la estructura de la página. - CSS define cómo se muestran los elementos HTML. El principal beneficio que nos brinda CSS es separar el estilo que le damos a la página del contenido que esta tiene, y es una muy buena practica ya que se vuelve dificil manejar todo en un mismo lugar cuando la página crece. Así que les deseo suerte en este curso y espero que hayan visto el de HTML para que puedan entender mucho mejor este.