Planeación segundo periodo
Planeación segundo periodo y fase introductoria a HTML5 y CSS
PREGUNTAS
1. ¿QUÉ SE ENTIENDE POR CSS INTERNO Y EXTERNO?
2. ¿QUÉ SON ATRIBUTOS ID Y CLASS?
3. ¿QUÉ SON SELECTORES CSS?
4. SELECTOR DE CLASE. EJEMPLO
5. SELECTOR DE ID. EJEMPLO
6. DECLARACION DE ESTILO. EJEMPLO
7. RESOLVER EN EL ENLACE EL TEST Y PUBLICAR RESULTADOS COMO UNA IMAGEN 8.ENLACE: https://www.digitallearning.es/tests/test-html-css.html)
9. DIGA DOS CONCLUSIONES RELACIONADOS CON LA CONSULTA REALIZADA.
10. DIFERENCIAS ENTRE HTTP Y HTTPS.
11. WEBGRAFIA (No Chat GPT).
SOLUCIÓN PREGUNTAS
1. ¿QUÉ SE ENTIENDE POR CSS INTERNO Y EXTERNO?
El CSS interno es el formato CSS más utilizado para renovar, estilizar y modificar las características distintivas de una página web. Al usar el elemento "style" en la sección "head" de una página web HTML, se puede utilizar el CSS interno. CSS es la abreviatura de Hojas de Estilo en Cascada (Cascading Style Sheets)
Este tipo de CSS es un método más eficiente, especialmente para estilizar un sitio web grande. Al editar un archivo . css, puedes cambiar todo tu sitio de una sola vez
2. ¿QUÉ SON ATRIBUTOS ID Y CLASS?
El atributo id se utiliza para identificar de forma única un elemento, mientras que el atributo class se puede utilizar para aplicar estilos o agrupar elementos con características similares
3. ¿QUÉ SON SELECTORES CSS?
En CSS los selectores se utilizan para delimitar los elementos HTML de nuestra página web a los que queremos aplicar estilo. Hay una amplia variedad de selectores CSS, lo que permite una gran precisión a la hora de seleccionar elementos a los que aplicar estilo. En este artículo y sus subartículos veremos con detalle todos los tipos y el modo como funcionan.
En un artículo anterior explicamos qué son los selectores. Un selector CSS es la primera parte de una regla CSS. Es un patrón de elementos y otros términos que indican al navegador qué elementos HTML se seleccionan para aplicarles una regla que incluye los valores de las propiedades CSS. El elemento o los elementos seleccionados por el selector se denominan sujeto del selector.
4. SELECTOR DE CLASE. EJEMPLO
El selector de clases selecciona todos los elementos que tienen el atributo de clase indicado, indicado por el nombre de la clase precedido por un punto (.) . Por ejemplo, .index coincidirá con cualquier elemento que tenga class="index". El selector de ID selecciona un elemento según el valor de su atributo id
5. SELECTOR DE ID. EJEMPLO
Un selector de ID en CSS es un símbolo de almohadilla (#) seguido del nombre del ID de un elemento HTML. Por ejemplo, #toc seleccionará todos los elementos con el ID "toc"
6. DECLARACION DE ESTILO. EJEMPLO
Una declaración de estilo en CSS es un par de clave-valor que establece propiedades de estilo para un elemento HTML. Por ejemplo, "p { color: red; }" es una declaración de estilo que cambia el color de las letras "p" a rojo
7. RESOLVER EN EL ENLACE EL TEST Y PUBLICAR RESULTADOS COMO UNA IMAGEN
8.ENLACE: https://www.digitallearning.es/tests/test-html-css.html)
9. DIGA DOS CONCLUSIONES RELACIONADOS CON LA CONSULTA REALIZADA.
El uso de CSS interno y externo permite una gran flexibilidad y control sobre el estilo de una página web. Mientras que el CSS interno se utiliza para modificaciones rápidas y específicas dentro de una sola página, el CSS externo proporciona una manera más eficiente y escalable de aplicar estilos a múltiples páginas de un sitio web, mejorando el mantenimiento y la coherencia en el diseño.
Los selectores CSS, como los de ID y class, permiten a los desarrolladores seleccionar de manera precisa los elementos HTML a los que se deben aplicar estilos. Esto es clave para crear páginas web bien estructuradas y visualmente coherentes. La capacidad de usar selectores de ID y clase también facilita la reutilización de estilos y mejora la organización del código, haciendo más fácil modificar el diseño de una página o sitio web sin afectar otras secciones.
10. DIFERENCIAS ENTRE HTTP Y HTTPS.
11. WEBGRAFIA (No Chat GPT).
https://www.hostinger.com.ar/tutoriales/tipos-de-estilos-css#:~:text=CSS%20Externo,-Con%20el%20CSS&text=Este%20tipo%20de%20CSS%20es,sitio%20de%20una%20sola%20vez.
https://codeinstitute.net/nl/blog/internal-css/#:~:text=El%20CSS%20interno%20es%20el,Cascada%20(Cascading%20Style%20Sheets)%20.
https://www.naukri.com/code360/library/difference-between-class-and-id-in-html#:~:text=The%20id%20attribute%20is%20used,group%20elements%20with%20similar%20characteristics.
https://developer.mozilla.org/es/docs/Learn_web_development/Core/Styling_basics/Basic_selectors
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors/Selectors_and_combinators#:~:text=The%20class%20selector%20selects%20all,value%20of%20its%20id%20attribute.
https://blog.hubspot.es/website/selectores-css#:~:text=4.,del%20atributo%20que%20quieres%20referir.
https://developer.mozilla.org/es/docs/Web/HTML/Element/style
https://aws.amazon.com/es/compare/the-difference-between-https-and-http/#:~:text=Como%20su%20nombre%20indica%2C%20el,cifrada%20antes%20de%20transferir%20datos.
Comentarios
Publicar un comentario