1、px 像素，我们在网页布局中一般都是用px。 2、百分比 百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了。 3、Viewport viewport：可视窗口，也就是浏览器。 vw Viewport宽度， 1vw 等于viewport宽度的1% vh Viewport
转载
2019-05-21 10:28:00
1711阅读
2评论
Viewport viewport：可视窗口，也就是浏览器。 vw Viewport宽度， 1vw 等于viewport宽度的1% vh Viewport高度， 1vh 等于viewport高的的1%CSS3使用Calccalc()使用通用的数学运算规则，但是也提供更智能的功能： 使用
原创
2022-08-31 21:52:48
525阅读
px、em、rem、%、vw、vh单位 1 、px px就是pixel（像素）的缩写。但是在设备本身上，PX 单元是固定的，不会根据任何其他元素进行更改。对于响应式站点，使用 PX 可能会出现问题，但它们对于保持某些元素的大小一致很有用。如果你有不应调整大小的元素，那么使用 PX 是一个不错的选择。
转载
2022-12-18 01:44:00
445阅读
css3自适应布局单位vw,vh一、总结一句话总结：vw和vh都是视图单位，分别为视图宽高的1% 1、vh/vw与%区别？%是相对于父元素，vh和vw是相对于视图高宽% 百分比，相对长度单位，相对于父元素的百分比值vh和vw相对于视口的高度和宽度 二、css3自适应布局单位vw,vh你知道多少？视口单位(Viewport units)什么是视口？ 在PC端，视口指的是在PC端，指的是浏览器的可
转载
2019-12-05 15:35:00
349阅读
2评论
px 为单位：px 实际上就是像素，用PX设置字体大小时，比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说，就是一个大问题了。因此，这时就提出了使用“em”来定义Web页面的字体。 em 为单位：em 就是根据基准来缩放字体的大小。em 实质是一个相
原创
2023-06-26 19:54:20
101阅读
前言 在传统项目开发中，我们只会用到 px、%、em 这几个单位长度，它们可以适用大部分项目的开发，并且拥有较好的兼容性。 而从 css3 开始，浏览器对逻辑单位的支持又提升了新的境界，增加了 rem、vh、vw、vm 等新的单位长度。 新技术的出现必然是为了解决旧技术存在的问题和不便，我们利用这些
原创
2022-11-26 10:06:17
10000+阅读
CSS3转换之移位translate（CSS3）<!DOCTYPE html><html lang="en"><head> <meta ch\
原创
2022-10-20 10:06:09
57阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
转换 改变元素在页面中位置，大小，角度以及形状的一种方式 2D转换：只在x轴和y轴上发生转换效果 3D转换：增加了z轴的转换效果 一、转换属性 transform 取值： （1）none，默认值，无任何转换效果 （2）transform-function 一个或多个转换函数，多个的话，中间用空格隔开
转载
2020-10-19 12:38:00
114阅读
2评论
一、px，em，rem，vw的简单介绍1、pxpx其实就是像素的意思，全称pixel，也就是图像的基本采样单位。对于不同的设备，它的图像基本单位是不同的，比如显示器和打印机。而我们通常所说的显示器分辨率是指桌面设定的分辨率，不是显示器的物理分辨率，但是现在我们的桌面分辨率和物理分辨率几乎是一致的，因
转载
2021-08-27 13:45:43
964阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
1，vw、vh、vmin、vmax 的含义 （1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。 视窗(Viewport)是你的浏览器实际显示内容的区域—，换句话说是你的不包括
转载
2018-05-31 23:21:00
102阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
原创
2020-07-15 09:25:54
791阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5124阅读
px px就是pixel像素的缩写，相对长度单位，网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的 em em是相对长度单位。相对于当前对象内文本的字体尺寸（参考物是父元素的font-size） 如当前父元素的字体尺寸未设置，则相对于浏览器的默认字体尺寸 特点： 1. em的值并不是固 ...
转载
2021-07-12 15:37:00
662阅读
2评论
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创
2022-03-04 10:40:59
385阅读
px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/...
转载
2015-04-24 11:00:00
59阅读
点赞
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
原创
2013-05-16 17:48:57
580阅读
