Ir al contenido principal

Como se trabaja con CSS3?

Qué significa CCS3

CSS3 es una tecnología que ha tenido una evolución en el tiempo, que actualmente se encuentra en su versión 3, como su propio nombre indica.

Sus siglas corresponden a “Cascading Style Sheets”, que tiene el siguiente significado:

  •  Cascading , que significa que los estilos que aplicamos a los elementos de una página web se propagan a los elementos que contiene , se propagan en cascada.
  •  Style , porque mediante CSS lo que hacemos es aplicar estilos visuales a los distintos elementos de nuestra página web.
  •  Sheets , que significa hojas, porque los estilos de una página web se añaden en ficheros aparte , en ficheros con la extensión .css de manera general.

CSS ha ido evolucionando desde hace 25 años a la versión actual , que es CSS3, pero su función es la misma, sirve para dar estilos visuales a las páginas web.

Definición de CSS3

Una definición más formal de CSS sería la siguiente que aparece en Wikipedia:

CSS es un lenguaje de diseño gráfico que permite definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Es muy usado para establecer el diseño visual de los documentos web e interfaces de usuario escritas en HTML.

En la propia definición de CSS vemos que está muy ligado desde su nacimiento a HTML . Desde que nació, el objetivo de CSS fue poner un poco de orden a la hora de aplicar los estilos a las páginas web .

Funcionamiento

Vamos a ver en un pequeño esquema qué es lo que sucede desde que se solicita una página web hasta que se le aplica el estilo . El proceso es el siguiente:

Imagen 0 en Qué es CSS3

Cuando desde un navegador, por ejemplo Chrome, solicitamos una página a través de una dirección, por ejemplo http://..../index.html , esta petición va a un servidor web, que nos devuelve la página que se ha solicitado .

Para aplicar estilos en las páginas HTML, s e utiliza un fichero aparte, una hoja de estilos con la extensión .css , por lo que cuando estos dos documentos llegan al navegador, va a leer el documento HTML, le aplica los estilos CSS y lo muestra.

Etiquetas:

Comentarios

Publicar un comentario

Entradas más populares de este blog

Unidad III: Configuración y administración del espacio en disco

3.1 Estructuras lógicas de almacenamiento  Para la gestión del almacenamiento de una base de datos existen 4 conceptos bien definidos que deben ser conocidos para poder comprender la forma en la que se almacenan los datos. Vamos a ver la diferencia entre bloque, extensión, segmento y espacio de tablas. Bloques: Se tratan de la unidad más pequeña. Generalmente debe múltiple del tamaño de bloque del sistema operativo, ya que es la unidad mínima que va a pedir Oracle al sistema operativo. Si no fuera múltiple del bloque del sistema se añadiría un trabajo extra ya que el sistema debería obtener más datos de los estrictamente necesarios. Se especifica mediante DB_BLOCK_SIZE. Extensiones: Se forma con uno o más bloques. Cuando se aumenta tamaño de un objeto se usa una extensión para incrementar el espacio. Segmentos: Grupo de extensiones que forman un objeto de la base de datos, como por ejemplo una tabla o un índice. Espacio de tablas: Formado por uno o más datafiles, cada da...
Publicar un comentario
Leer más

Conexion MySQL Workbench con Python

CODIGO (FORMA 1): import pymysql try: conexion = pymysql.connect(host='localhost',user='root',password='kennethbd',db='escuela') print("Conexión correcta") except (pymysql.err.OperationalError, pymysql.err.InternalError) as e: print("Ocurrió un error al conectar: ", e) CODIGO (FORMA 2): import pymysql ############### CONFIGURAR ESTO ################### # Abre conexion con la base de datos db = pymysql.connect(host='localhost',user='root',password='kennethbd',db='escuela') ################################################## # prepare a cursor object using cursor() method cursor = db.cursor() # ejecuta el SQL query usando el metodo execute(). cursor.execute("SELECT VERSION()") # procesa una unica linea usando el metodo fetchone(). data = cursor.fetchone() print ("Database version : {0}".format(data)) # desconecta del servidor db.close() NOTA (FORMA 2) Si corres este...
Publicar un comentario
Leer más

Ejemplos de Lenguaje Ensamblador (Emu8086)

Ejemplos de lenguaje ensamblador Programa 1 Programa que muestre como mensaje en la pantalla "Hello World" Código: https://gist.github.com/46e552d13e29cc398d48ce6bfe195eb9.git Resultado: Programa 2 Programa que convierta números de decimal a binario Código: https://gist.github.com/46af226806fdfa4c94359dd9c982d6e7.git Resultado: Programa 3 Programa que verifica si dos cadenas son iguales Código: https://gist.github.com/7c9d5013124f78a94341696756c9c25d.git Resultado: Programa 4 Escribir un código que verifique si una cadena es subcadena de otra. Por ejemplo: «la Mu» es subcadena de «Hola Mundo». La cadena: «233» es subcadena de la cadena «2122432234» Código: https://gist.github.com/Kenneth9951/20bd7ed7b9871018af99aab6685e7f3f Resultado: Programa 5  Escribir un código que verifique que todas los caracteres de una cadena se encuentran en otra. Por ejemplo: todas las letras de la cadena «casa» se encuentran en «escaso». Pero no todas las letras de «cerro» se en cuentran en «recana...
Publicar un comentario
Leer más