Ir al contenido principal

CSS


CSS (Del inglés Cascading Style Sheets) permite crear páginas web con un diseño agradable, pero ¿Cómo funciona por dentro? Este artículo explica lo que es CSS, cómo el navegador transforma HTML en un DOM, y cómo se aplica el CSS a las partes del DOM, algunos ejemplos muy básicos de sintaxis y el código necesario para incluir nuestro CSS en nuestra página web.

 ¿Cómo afecta CSS a un HTML?
Los navegadores Web, al aplicar las reglas CSS a un documento, modifican la manera en que este es presentado. Una regla CSS se compone de:

Un conjunto de propiedades (properties), con valores establecidos para actualizar la presentación del contenido HTML, por ejemplo quiero que el ancho de un elemento sea el 50% de su elemento padre, y que su fondo sea rojo.
Un selector, que seleccionará los elementos afectados por el nuevo valor de la propiedad. Por ejemplo, quiero que mi regla CSS afecte a todos los párrafos (p) de mi documento HTML.
El conjunto de reglas CSS contenidas en el documento de estilos (stylesheet) afectará a la presentación de la página web. Profundizaremos en la sintaxis CSS en el siguiente artículo del módulo — Sintaxis CSS.

Comentarios

Publicar un comentario

Entradas populares de este blog

SOFTWARE CAE

Ingeniería asistida por computadora o por ordenador (CAE, del inglés Computer Aided Engineering) es la disciplina que se encarga del conjunto de programas informáticos que permiten analizar y simular los diseños de ingeniería realizados con el ordenador, o creados de otro modo e introducidos en el ordenador, para valorar sus características, propiedades, viabilidad, y rentabilidad. Su finalidad es optimizar su desarrollo y consecuentes costos de fabricación, y reducir al máximo las pruebas para la obtención del producto deseado. La base de todas ellas se presentan como módulos o extensiones de aplicaciones CAD, que incorporan: Análisis cinemático. Análisis por el método de elementos finitos (FEM, Finite Elements Method). Maquinado por control numérico CNC (Computered Numeric Control). De exportación de ficheros "Stl" (Estereolitografía) para máquinas de prototipado rápido. CAD FEMAP Femap es un programa de simulación y análisis FEA, con pre y post...
Publicar un comentario
Leer más

Historias Fabulosas

Historia de Toyota Cronología: 1930-1939 Toyota Motor Corporation fue fundada en septiembre de 1933 cuando Toyoda Automatic Loom creó una nueva división dedicada a la producción de automóviles bajo la dirección del hijo del fundador, Kiichiro Toyoda. El primer motor tipo A se produjo en 1934 y fue empleado por primera vez en mayo de 1935 en el modelo A1. Toyota Motor Co. fue establecida como una empresa independiente en 1937. 1940-1949 Con el inicio de la Segunda Guerra Mundial la compañía se centró en producir camiones para el ejército japonés. Debido a la escasez de suministros en el país asiático, los camiones militares fueron fabricados lo más simple posible. Por citar un ejemplo, sólo tenían una luz en el centro del capó. Por suerte para Toyota, la guerra acabó poco antes de un bombardeo aliado programado en las fábricas de la compañía en Aichi. La producción comercial se retomó en 1947. 1950-1959 Recién empezada la década, en 1950 se creó una empresa de ventas se...
1 comentario
Leer más

Diagrama de Flujo

Definición: Un diagrama de flujo es la representación gráfica del flujo o secuencia de rutinas simples. Tiene la ventaja de indicar la secuencia del proceso en cuestión, las unidades involucradas y los responsables de su ejecución, es decir , viene a ser la representación simbólica o pictórica de un procedimiento administrativo. Luego, un diagrama de flujo es una representación gráfica que desglosa un proceso en cualquier tipo de actividad a desarrollarse tanto en empresas industriales o de servicios y en sus departamentos, secciones u áreas de su estructura organizativa. Son de gran importancia ya que ayudan a designar cualquier representación gráfica de un procedimiento o parte de este. En la actualidad los diagramas de flujo son considerados en la mayoría de las empresas como uno de los principales instrumentos en la realizacion de cualquier método o sistema. Objetivo: Representar gráficamente las distintas etapas de un proceso y sus interacciones, para facilitar la comprens...
Publicar un comentario
Leer más