css
与掉发不共戴天
前端大海,独行舟上独行人
Done is better than perfect!
展开
-
前端CSS经典面试题总结
2.1 介绍一 下 CSS 的盒子模型?2.2 css 选择器优先级?2.3 垂直居中几种方式?2.4 简明说一下 CSS link 与 @import 的区别和用法?2.5 rgba和opacity的透明效果有什么不同?2.6 display:none和visibility:hidden的区别?2.7 position的值, relative和absolute分别是相对于谁进行定位的?2.8 画一条0.5px的直线?2.9 calc, support, media各自的含义及用法?原创 2023-05-12 20:12:25 · 2208 阅读 · 0 评论 -
rgba和opacity的透明效果有什么不同?
透明计算方式不同:在浏览器渲染时,当元素使用rgba设置透明度时,计算方式是通过将该元素与其下方的背景色混合来实现的,这意味着元素的透明度也可以影响到下面的元素。rgba和opacity的兼容性问题:opacity是CSS2规范中的属性,对于所有支持CSS2的浏览器都有较好的兼容性,而rgba则是CSS3中的属性,在一些旧版本的浏览器中可能会出现兼容性问题,需要额外做一些兼容性处理。应用场景不同:由于rgba可以更精确地控制元素的透明度,因此它更适合处理需要不同透明度的颜色背景。原创 2023-05-09 08:47:45 · 689 阅读 · 0 评论 -
css3动画属性
transform:translate3d(value,value,value) // x轴 、y轴 、z轴。border-radius:value value value value // 左上 右上 右下 左下。: transform:scale(value,value) // 水平 垂直。transform:skew(value,value) // 水平 倾斜。border-radius:value value // 左上右下 右上左下。border-radius:value // 四角。原创 2023-03-10 07:46:09 · 481 阅读 · 0 评论 -
如果需要手动写动画,你认为最小时间间隔是多久,为什么?
写动画从来没怎么注意过,今天看了个问题,说css3写动画最小的时间间隔是多少,其原因,之前一直想着只要在人眼识别的范围内都可以把。多数显示器的默认频率是60HZ,即每秒刷新60次。所以理论上的最小间隔是 1/60*1000ms = 16.7ms。现在记录一下,涨涨姿势。原创 2023-02-26 18:43:10 · 120 阅读 · 0 评论