Il 0% ha trovato utile questo documento (0 voti)
10 visualizzazioni3 pagine

Practica 6 CSS

6 css fime

Caricato da

MrKiki
Copyright
© © All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd
Il 0% ha trovato utile questo documento (0 voti)
10 visualizzazioni3 pagine

Practica 6 CSS

6 css fime

Caricato da

MrKiki
Copyright
© © All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd
Sei sulla pagina 1/ 3

Universidad Autónoma de Nuevo León

Facultad de Ingeniería Mecánica y Eléctrica

Materia: LABORATORIO DE LENGUAJES DE


PROGRAMACIÓN

Actividades No.6

Maestro: José Antonio Juárez Covarrubias

Nombre de practica: CSS

Alumno: Edson Gabriel Ramirez García

Matricula: 2082595 Carrera: ITS

Fecha: 17/03/2023
¿Qué es CSS, en programación web?
CSS es una abreviatura de "Cascading Style Sheets" o "Hojas de estilo en cascada" en
español. Es un lenguaje de programación utilizado en el desarrollo web para definir el
aspecto y el formato de un sitio web.

En resumen, CSS es una herramienta importante para crear sitios web atractivos y
agradables visualmente para el usuario, ya que permite personalizar el estilo y el diseño de
cada elemento en una página web.

Los estilos CSS se pueden programar y codificar en un archivo separado con


extensión .css o se pueden colocar directamente en el archivo HTML utilizando la
etiqueta "style". La forma más común de incluir estilos CSS en una página web es
mediante un archivo CSS externo.

Para utilizar un archivo CSS externo, debes seguir estos pasos:

1. Crea un archivo con extensión .css y guárdalo en una ubicación accesible


para la página web.
2. Abre el archivo HTML en el que deseas agregar los estilos CSS y agrega la
siguiente etiqueta en la sección "head" del documento:
3. Reemplaza "tu_archivo.css" con el nombre y ubicación del archivo CSS que
creaste en el primer paso.
4. Guarda el archivo HTML y el archivo CSS.

Los estilos CSS se escriben utilizando una sintaxis específica que incluye selectores,
propiedades y valores. Aquí hay un ejemplo de cómo se escribiría un estilo CSS
para cambiar el color de fondo de un elemento HTML:

En este ejemplo, "body" es el selector que indica que se aplicará el estilo al


elemento "body" del HTML. "background-color" es la propiedad que se está
cambiando y "#F8F8F8" es el valor que se está estableciendo para la propiedad.

Es importante tener en cuenta que los estilos CSS se aplican en cascada, lo que
significa que se pueden anidar y que los estilos más específicos tienen prioridad
sobre los estilos más generales. Esto permite una gran flexibilidad y personalización
en el diseño de una página web.
Puedes verificar si una página web utiliza CSS de varias maneras. Aquí te muestro
algunas de ellas:

1. Inspeccionar el código fuente HTML: Abre la página web en tu navegador y


haz clic derecho en cualquier lugar de la página. Selecciona "Ver código
fuente" o "Inspeccionar" para abrir las herramientas de desarrollo de tu
navegador. Busca la sección "head" del código HTML y verifica si hay una
etiqueta "link" que hace referencia a un archivo CSS externo.
2. Verificar la existencia de estilos en línea: Aunque no se recomienda, algunos
desarrolladores agregan estilos CSS directamente en el código HTML
utilizando la etiqueta "style". Puedes buscar esta etiqueta en el código HTML
para verificar si hay estilos en línea.
3. Observar los estilos visuales de la página: Si una página web tiene diseños
complejos, como efectos de transición, animaciones o diseños con varias
columnas, es probable que utilice CSS para lograr estos efectos. Puedes
observar estos estilos visuales en la página para tener una idea de si se está
utilizando CSS.
4. Utilizar herramientas de desarrollo web: Muchos navegadores modernos
ofrecen herramientas de desarrollo web que permiten ver los estilos CSS
que se aplican a cada elemento de una página. Puedes utilizar estas
herramientas para inspeccionar los estilos CSS de una página web y
entender cómo se aplican a cada elemento.

Referencias: https://www.w3.org/Style/CSS/

Potrebbero piacerti anche