Propiedad Display

Display es la propiedad más importante para controlar estructuras. Cada elemento tiene un valor de display por defecto dependiendo de que tipo de elemento sea. El valor por defecto para la mayoría de los elementos es usualmente block (de bloque) o inline (en línea). Un elemento que es block es comunmente llamado elemento block-level. Un elemento inline siempre es llamado elemento inline.

Estos son algunos de sus valores.

• inline: Predeterminado. Muestra un elemento como un elemento en línea.
• block: Muestra un elemento como un elemento de bloque.
• inline-block: Muestra un elemento como un contenedor de bloque a nivel de línea. 
• inline-table: El elemento se muestra como una tabla de nivel de línea.
• run-in: Muestra un elemento, ya sea como bloque o en línea, dependiendo del contexto.
• none: El elemento no mostrara nada. 

Todos estos elementos permiten controlar la forma de visualizar un elemento e incluso ocultarlo. 

Diseño Responsivo

Seguimos trabajando con HTML y CSS3 en combinación.
En esta ocasión vimos algunas de las propiedades de CSS3. 

Opacity: Esta propiedad nos permite incluir transparencias en el diseño de la página. El valor de está propiedad se establece mediante el número decimal comprendido entre 0.0 y 1.0. 

Border-style: Se refiere al tipo de borde ya sea de la página, imagen, texto, etc.
Aquí se ve algunos de los estilos de bordes que podemos aplicar a nuestra página derivados de esta propiedad. 

Border-width: Se refiere al grosor de los bordes.

Border-color: Al color de bordes.

Border-radius: Redondea nuestros bordes.

Background

En esta clase ya vimos nuestra pagina web mas dinámica  con mas colores e incrustraciones de imágenes, doodles, etc.
Utilizando para ello la propiedad de Background. 
Primero realizamos nuestro código en html el cual debía contener, secciones por párrafos (asides) e ilustraciones (imágenes) principalmente. 
Por consecuente hicimos nuestro hoja de estilo cascada (scc3) este contiene las propiedades de Background. las que utilizamos fueron las sig. 

• background-attachment: Establece si una imagen de fondo está fija o se desplaza con el resto de la página.
• background-color: Propiedad que establece el color de fondo de un elemento. 
• background-image: Propiedad que establece una o varias imágenes de fondo de un elemento.
• background-repeat: Propiedad que se establece si / cómo se repite una imagen de fondo.
• background-size: Propiedad  que especifica el tamaño de las imágenes de fondo.

NOTA: Recordemos que en SCC3 debemos llevar un orden alfabetico

CSS3

¿Que es CSS3?

Son hojas de estilo en cascada (Cascading Style Sheets) en un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Su aplicación más común es dar estilo a páginas web escritas en lenguaje HTML.

La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style>".

Veamos también algunas de sus propiedades tales como:

• Tipo de letra (fuente).

1. font (propiedad compuesta)
2. font size (tamaño)
3. font-style (cursiva)
4. font-family (tipo de letra).

• Texto

1. color (color del texto)
2. direction (dirección del texto)
3. letter espacing (espacio entre caracteres)
4. line height (espacio entre lineas)
5. text align (alineación del texto)

• Bordes

1. border (cuatro bordes simultaneamente)
2. border-top (borde superior)
3. border-right (borde derecho)
4. border-bottom (borde inferior)
5. border-left (borde izquierdo)
6. border-color (color de los bordes)