CSS 医学统一:基础
🔢 数据类型
📏 Unidades Absolutas
📏 Unidades Relativas
¡Hola gente bonita!👋
编写 CSS 可以为用户提供多种选项。请参阅 CSS 中所有医学统一的简历。
但是,在 CSS 中如何使用 CSS 来实现数据?,在 CSS 中使用 CSS 来实现数据的统一,Vamos averiguarlo!
🔢 数据类型
CSS 存在数据提示。重要信息是您为获得合法财产而付出的勇气。基本的互操作性的最终目的是:在 CSS 中使用算法来命名“数据”,以优雅的方式实现“勇气”。
注意:在 CSS 的具体说明和 MDN 的文档中,可以检测到角形中的 estarán escritos escritos 的值,但与<color>属性<length>的差异不同,但仅使用文档的注释。
Estos valores (data types) pueden ser de differenterentes Tipos, por ejemplo las unidades CSS son un tipo de dato y las palabras clave o keywords como el color, “auto”, url, etc.
Algunas propiedades CSS,例如宽度、边距、字体大小和经度值(px、em、rem 等)。这是最重要的,它是 MDN 文档的一部分,表示距离和维度的表达。
如果是一个统一的数字,那么它就在一个维度上。例如,1rem这是一个维度。在这种情况下,统一的名称是一个特定维度的名称。经度的尺寸与距离有关。
经度统一的技巧:相对与绝对。
📏 Unidades Absolutas
Las medidas Absolutes se llaman así porque no cambian y siempre mantienen el Mismo tamaño independientemente del tamaño del dispositivo。 Las unidades Absolutes son las siguientes:
| 句法 | 描述 |
|---|---|
| 厘米 | 厘米 |
| 毫米 | 米 |
| 问 | 平方英里 |
| 在 | 普尔加达斯 |
| 个人电脑 | 皮卡斯 |
| pt | 点 |
| 像素 | 像素 |
⚒️ 绝对的统一是指原产地的统一,包括厘米、毫米和普尔加达。这是一个绝对的联合体,可以与真实世界的联合体一起使用。你在世界上确实有很多医疗用途,例如 Ingenieros、Arquitectos、carpinteros 等,都使用医疗统一。
Sin embargo en el articulo de Smashing Magazine “There Is No Such Thing As A CSS Absolute Unit” (不存在 una unidad Absolute Unit de CSS) del Experto en HTML/CSS Elad Shechter, nos explica que con el paso de los años, todas las unidades an CSS han perdido su con el mundo físico o el mundo实际上,这可能会受到 las pantallas 密度和操作系统的影响。
与像素之间的关系是,像素的真实性(决定性、可处置性)和 CSS 像素(决定性、逻辑性)都可以被破坏,这是一个明确的时刻。
🤔 ¿Dónde puedo usar las unidades Absolutes?
那么,如何利用绝对统一呢?绝对经度以令人印象深刻的格式呈现,是裤子中常见像素的例外。
十个CSS使用不单独的数字内容,在内容中表现出令人印象深刻的效果,例如,如果使用cm一个元素和图像,那么它会变得非常精确。 Sin embargo en pantalla esto no es así, ya que los centímetros en pantalla no son igual a los centímetros físicos, ¿Cómo esto posposible? 😱
👉 Si Creas una caja con an ancho y un alto de 1 centímetro y le das un color de foldo y después el elemento con una cinta métrica real or una regla 📏, vas a poder comprobar que un centímetro en pantalla no es igual a uno físico. Aquí puedes ver la imagen de este ejemplo(图片来源:Elad Shechter)
🖨️ Pero si imprimes esta demostración en una impresora laser si vas a obtener precisionamente 1 centímetro, estosignifica que, para las impresoras, todavia hay, talvez, una buena razón para usar unidades CSS como puntos, pulgadas y centímetros.
px✅ 禁止使用频率形式(像素)的绝对值。像素是统一的CSS 的流行和共同点。 La vamos a conocer a detalle en el siguiente articulo especialmente dedicado a esta unidad Absolute.
📏 Unidades Relativas
Las medidas relativas son relativas a algo mas, pero ¿relativo a que? O ¿respecto a que?,例如,相对于font-size一个元素的padre,al ancho/altura de un contenedor padre,o al ancho/altura del viewport。
✅ 使用与页面相关的所有元素的相关性,包括文本内容和其他元素的比例。我们推荐使用响应式网页设计(RWD)。
相关类别的统一:
- Unidades relativas al tamaño de la fuente。
- 相对于视口的统一。
团结一致
rem: Siempre es relativa al tamaño de fuente del elemento raíz que es html。如果叛逃,请html注意 16px 的礼仪,因为 1rem Será igual a 16px。导航员的主要任务是在 16px 的 HTML 文档中添加文本(不包括其他元素small)。
em: Las unidades empara la propiedad font-sizeserán relativas al font-sizedel elemento padre。em其他属性中的联合体与实际元素font-size无关。font-size
例如: Basada en la altura de la “x” minúscula de la fuente del elemento(取决于 de la tipografía utilizada)。 La unidad ex es la mitad del tamaño de la fuente establecida por el navegador del usuario que por lo Regular es 16px = 1em, entonces la mitad de 16px es 8, por lo que 8/16 = 0.5, por lo que 1ex es igual a .5em。
帽子: Basada en la altura de las letras mayúsculas de la fuente effective del elemento。
ch: Basada en la anchura del glifo “0” de la letra del elemento。
ic: Es una medida nueva que tiene que ver con la anchura de los glifos。请参阅 W3C 详细信息咨询。
左: Altura de linea del elemento。
rlh: Altura de linea del elemento raíz (html)。
建议阅读有关联合国和雷姆的完整文章,并明确说明如何使用联合国和大使之间的差异:
视口相关的统一
vw(视口宽度)相对于视口的值 1-100。
vh(视口高度)相对于视口的值 1-100。
vmax Entre vw y vh toma el que tenga el Mayor valor。
vmin Entre vw y vh toma el que tenga el menor valor。
注意: Las unidades del viewport tentrán su propio articulo detallado。
百分比
特殊的数据类型是一种元素的价值,是一种基于医学元素的计算,是一种功能,是一种特定的医学元素。
建议阅读以下有关 porcentajes 的文章:
✅ width:auto 与 width:100% 对比
✅ height:auto 与 height:100% 对比
✅ html, body { height: 100%}
✅ font-size 属性中的百分比
+50 个纵向单元...
CSS ha tenido ultimamente nuevas unidades de longitud dando un Total hasta ahora de más de 50 unidades
Adam Argyle 的 Este Codepen 解释了经度的统一:
🔎 推荐阅读
感谢您🦸🏻♀️
社交方面的注意事项:
▶️YouTube
📷Instagram
🐦Twitter
🔵Facebook
🔲Codepen
✍️Medium
🎵TikTok

