CSS

Tabla de contenido:

CSS
CSS

Vídeo: Учим CSS за 1 час! #От Профессионала 2024, Mayo

Vídeo: Учим CSS за 1 час! #От Профессионала 2024, Mayo
Anonim

CSS puede referirse a cualquiera de los siguientes:

1. Abreviatura de hojas de estilo en cascada, CSS es un lenguaje utilizado para describir estilos reutilizables para presentar documentos escritos en un lenguaje de marcado. Su concepto fue originado por Håkon Wium Lie en 1994. En diciembre de 1996, el W3C hizo una especificación CSS y hoy en día permite a los desarrolladores web alterar el diseño y la apariencia de sus páginas web. Por ejemplo, CSS puede usarse para cambiar la fuente utilizada en cierto elemento HTML, así como su tamaño y color. Un solo archivo CSS puede estar vinculado a varias páginas, lo que permite a un desarrollador cambiar la apariencia de todas las páginas al mismo tiempo.

El siguiente cuadro contiene un ejemplo básico del uso de código CSS para definir fuentes, el color de los hipervínculos y el color de un enlace cuando se pasa el cursor del mouse. En este ejemplo específico, solo estamos cambiando las etiquetas HTML, en lugar de crear nuevos selectores de clase o id.

body {font: normal 100% "trebuchet ms", Arial, Helvetica, sans-serif; } a {color: # 000000; } A: visitado {color: # 005177; } a: hover {color: # 005177; }

El código CSS en el cuadro de arriba se puede insertar en la sección de encabezado del HTML de una página usando el siguiente código. Sin embargo, tenga en cuenta que realizar esta acción solo aplica estos cambios a una sola página.

Si desea usar el código CSS en varias páginas, sugerimos almacenar el código en un archivo CSS separado y luego cargarlo en cada página. Por ejemplo, el código CSS que se muestra en el primer cuadro de esta página se puede copiar y pegar en un archivo con la extensión de archivo.css.

Propina

Se puede crear un archivo CSS utilizando cualquier editor de texto o incluso el Bloc de notas si está utilizando Windows.

Después de guardar el archivo, debe vincularse en el encabezado del código HTML usando la etiqueta. El siguiente cuadro muestra un ejemplo de este elemento en uso.

  • URL o ruta al archivo css aquí ">

    Si nombró el archivo CSS example.css, y está en el mismo directorio que el archivo HTML desde el que se está cargando, la siguiente línea vincularía el archivo CSS.

    CSS3 es la versión de CSS (hojas de estilo en cascada) que reemplaza CSS2. Introduce nuevos selectores y propiedades que permiten una mayor flexibilidad con el diseño y la presentación de la página. Algunas actualizaciones, como la propiedad de sombra de cuadro (que permite agregar una sombra paralela a un elemento), permiten aplicar efectos visuales sin la necesidad de crear imágenes especiales.