CSS 的完整和实践:基础知识
¡Hola, gente bonita! 👋
解释不同价值的前提是,在某些概念中,属性的position关系是很重要的,如果是正常的,则可以允许其以形式呈现网络页面的元素。
🧐¿Qué es el Flujo 是正常的 HTML 吗?
El Flujo Normal (Normal Flow) en HTML es el orden natural en el que los elementos aparecen en pantalla, es decir, los elementos aparecerán colocados tal como estén ordenados en el código HTML alone si no se aplica ningún CSS cambie la forma en la que se comportan.
例如,您可以使用 encabezado(en el código HTML)<h1>Title</h1>和 debajo un párrafo <p>lorem...</p>el navegador primero dibuja encabezado y después el párrafo y así sucesivamente。
🤔¿什么是元素位置?
一个元素的位置是一个元素,它是正常的流感病毒的属性position,además adquiere nuevas propiedades。
页面的属性位置是在 HTML 代码中设置的,最重要的是元素的位置。
重要的是,它是一个重要的工具,它是一个重要的工具,它是一个特殊的空间,如果没有特定的条件,它会与财产position和勇气相关static,它会成为一个高级的工具(0) x 0)。
不同位置的不同技巧:
static(有缺陷的价值)relative(El elemento se coloca relativo alflujo 正常)absolute(El elemento se colocaspecto a su contenedor posicionado mas cercano)fixed(El elemento se colocaspecto al 视口)sticky(相对固定的组合)
所有 HTML 元素的位置都与缺陷有关,因此,该元素在页面上自然排列,因此,该元素将在页面上正常显示。
Al tener un elemento posicionado podemos moverlo en los 3 ejes y counteren a cinco propiedades:
↔️ Eje X:
right(Mover el elemento desde laparte derecha hacia la izquierda)left(Mover el elemento desde laparte izquierda hacia la derecha)
↕️ Eje Y:
top(Mover el elemento desde laparte upper hacia la lower)bottom(移动者 el elemento desde laparte 下级 hacia la 上级)
🔄 Eje Z:
z-index(cuando dos o mas elementos se solapan,podemos decidir cual aparece primero y cual por detrás de el)。
⚠️ 顶部、右侧、底部、左侧 y z 索引的属性没有任何功能,也没有任何功能可以使元素的位置保持不变,从而使元素不再移动或消散。
单独的属性z-index是正/负数,而不是像素或porcentajes 的统一故事。 La propiedad z-indextoma un valor numérico entre 0 y ±2147483647 en la mayoría de los navegadores comunes。
推荐使用连续值:1,2,3,4...
⏹️上下文
在一个区域中,骆驼的语境中,我们可以通过矩形想象来了解元素的位置、移动、线性或分布。
Cuando hablamos de posicionamiento, el contexto es la posición inicial del elemento (donde esta Originalmente) y desde el cual se calula hacia donde se va a mover el elemento posicionado cuando colocamos ya sea bottom,,,, .rightlefttop
💡 Cabe mencionar que el navegador reserva un espacio para cada uno de los elementos y esto lo hace para que ningún otro elemento ocupe ese espacio, esto también se le conoce como espacio reservado.
🔎 资源:
感谢您🦸🏻♀️
社交方面的注意事项:
▶️YouTube
📷Instagram
🐦Twitter
🔵Facebook
🔲Codepen
✍️Medium
🎵TikTok