CSS 单位
CSS 单位
2023-06-13 09:16:01 时间
在 CSS 中,表示长度的有几种不同单位表示方式。
CSS 中许多属性是接受“长度”值的,例如 width、margin、padding、font-size 等属性。
长度是一个后面跟着长度单位的数字,诸如 10px、2em 等。
示例
使用 px(像素)设置不同的长度值:
h1 { font-size: 60px; font-size: 25px; line-height: 50px;
试一试
数字和单位之间不能出现空格。但是,如果值为 0,则可以省略单位。
对于某些 CSS 属性,允许使用负的长度。
长度单位有两种类型:绝对单位和相对单位。
绝对长度单位是固定的,用任何一个绝对长度表示的长度都将恰好显示为这个尺寸。
不建议在屏幕上使用绝对长度单位,因为屏幕尺寸变化很大。但是,如果已知输出介质,则可以使用它们,例如用于打印布局(print layout)。
* 像素(px)是相对于观看设备的。对于低 dpi 的设备,1px 是显示器的一个设备像素(点)。对于打印机和高分辨率屏幕,1px 表示多个设备像素。
相对长度单位规定相对于另一个长度属性的长度。相对长度单位在不同渲染介质之间缩放表现得更好。
提示:em 和 rem 单元可用于创建完美的可扩展布局!
* 视口(Viewport)= 浏览器窗口的尺寸。如果视口宽 50 里面,则 1vw = 0.5cm。
浏览器支持表格中的数字注明了完全支持该长度单位的首个浏览器版本。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/59550.html
FireFoxphp相关文章
- css怎么改鼠标样式,如何利用CSS改变鼠标的样式
- css 更改所有text,CSS之cssText「建议收藏」
- 怎么创建css样式表,怎样创建可反复使用的外部CSS样式表?[通俗易懂]
- 【说站】css浮动元素的规则介绍
- 【说站】css设置行间距的三种方法
- 【说站】CSS简单常用属性的总结
- 【说站】css样式单位px,em,pt,ex,pc,in,mm,cm详解
- CSS 实现新拟态(Neumorphism) UI 风格
- gridview的属性_grid css
- css中的clear_html clear用法
- 完整html网页代码_css长度单位
- 一文读懂 CSS 单位
- CSS样式表的层叠性
- CSS 关于line-height详细讲解
- 使用html css实现180箭头旋转,纯CSS实现箭头旋转「建议收藏」
- 前端css单位小结:vh、vw、百分比、rem、px、计算属性calc
- 如何使用前端css代码去掉百度地图左下角的图标
- 寒假提升 | Day10 CSS 第八部分
- 前端必备的 CSS 库,normalize.css
- 【CSS教程】简约渐变色登陆布局html+css代码
- 【CSS】盒子边框 ② ( 盒子边框单独指定语法 )
- CSS学习摘要-数值和单位及颜色详解编程语言
- HTML CSS JS之间的关系
- CSS与MySQL合力提升网页性能(css与mysql结合)
- php压缩多个CSS为一个css的代码并缓存