Descargado 10 veces
Subido porYesith Valencia
CSS
El documento describe los selectores CSS, incluyendo los de elemento, id, y clase, así como la agrupación de selectores para optimizar el código. También se abordan las tres formas de aplicar estilos CSS (inline, interno y externo), destacando que el CSS permite modificar la apariencia de un sitio completo. Por último, se menciona el orden de precedencia de los estilos y principios sobre colores y fondos.
Más contenido relacionado
![2 - Aprendiendo a usar CSS en las paginas web [2025].pdf](https://cdn.slidesharecdn.com/ss_thumbnails/2-css2025-251125200039-891cc2b4-thumbnail.jpg?width=640&height=640&fit=bounds)
CSS
- 1.
- 2. CSS CSS, Yesith ValenciaMSc. 2
- 3. Selector: Elemento – Estábasado en el nombre del elemento/etiqueta/tag Ejemplo: todos los elementos <p> tendrán el siguiente estilo: CSS, Yesith Valencia MSc. 3
- 4. Selector: id – Usael elemento id del atributo html para especificar el elemento – El id debe ser único en la página – Debe tener el carácter # – Un id no pude empezar con números CSS, Yesith Valencia MSc. 4
- 5. Selector: Clase – Seleccionaelementos con el atributo clase específico – Se indican con un punto (.) seguido del nombre de la clase – Se pueden aplicar varias clases, separadas por un espacio Ejemplo: Los elementos con la clase “centrado” estarán alineados al centro y color rojo: CSS, Yesith Valencia MSc. 5
- 6. Agrupar selectores CSS, YesithValencia MSc. 6 – Si se tienen elementos con las mismas descripciones, se pueden agrupar para disminuir el código – Los selectores se separan con coma (,)
- 7.
- 8. CSS – Cascading StyleSheets. – Describe como se deben mostrar lo elementos en la pantalla – Ahorra tiempo porque se puede tener el control de todas las páginas en un solo archivo – Se puede incluir de 3 formas: – Inline - by using the style attribute in HTML elements – Internal - by using a <style> element in the <head> section – External - by using an external CSS file CSS, Yesith Valencia MSc. 8
- 9. Inline CSS – Esusado para aplicar un único estilo a un elemento HTML – <h1 style="color:blue;">Este es un Titulo azul</h1> CSS, Yesith Valencia MSc. 9
- 10. Internal CSS CSS, YesithValencia MSc. 10
- 11. External CSS – Sepuede cambiar el estilo de un sitio completo, sólo con cambiar un archivo CSS, Yesith Valencia MSc. 11
- 12. External CSS – Sepuede cambiar el estilo de un sitio completo, sólo con cambiar un archivo CSS, Yesith Valencia MSc. 12
- 13. Orden de lectura:Cascada Qué estilo será utilizado por un elemento cuando se define más de un estilo para el mismo elemento ? R/: Según la siguiente prioridad: 1. Inline: Sobreescribirá los demás estilos estilos 2. External 3. Internal 4. Default del navegador CSS, Yesith Valencia MSc. 13
- 14. Colores CSS, Yesith ValenciaMSc. 14
- 15. Colores CSS, Yesith ValenciaMSc. 15
- 16.
- 17. Background: Color – Especificael color de fondo de un elemento CSS, Yesith Valencia MSc. 17
- 18. Background: Imagen – Especificala imagen de fondo de un elemento – Por defecto la imagen es repetida hasta que cubra todo el elemento CSS, Yesith Valencia MSc. 18
- 19. Tarea – Aplicarle estilosde manera externa a la página web desarrollada CSS, Yesith Valencia MSc. 19