请问“px”是什么意思

请问“px”是什么意思

相关代码:

oBox.style.left = l + 'px';
oBox.style.top = t + 'px';


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕然然 2021-05-19 15:46:16

同学你好,“px”是像素的意思,在CSS中它是一个绝对长度单位,一般用于设置一些属性的长度,如:width, margin, padding, font-size, border-width等。祝学习愉快!

  • 提问者 慕码人2001750 #1

    老师,我想问的是px在这段代码中是什么作用


    <script>

            var oBox = document.getElementById('box');

            // 全局变量t,l,分别表示盒子的top属性值和left值

            var t = 200;

            var l = 200;

            // 监听document对象的键盘按下事件监听,表示当用户在整个网页上按下按键的时候

            document.onkeydown = function (e) {

                switch (e.keyCode) {

                    case 37:

                        l -= 5;

                        break;

                    case 38:

                        t -= 5;

                        break;

                    case 39:

                        l += 5;

                        break;

                    case 40:

                        t += 5;

                        break;

                }

                oBox.style.left = l + 'px';

                oBox.style.top = t + 'px';

            };

        </script>


    2021-05-19 15:53:58
  • 好帮手慕然然 回复 提问者 慕码人2001750 #2

    同学你好,在js中“px”也是像素的意思,用于设置一些属性的长度。此处代码是通过js动态设置元素的css样式属性,比如:oBox.style.left = l + 'px' 意为将oBox元素的css样式中的偏移属性left的值设为l像素。在css代码中设置偏移属性时,数字后面需要加px单位(如图),同样在js代码中设置偏移属性时,数字后面也需要加px单位,在js代码中加px单位需要使用“+”号与前面的变量拼接。

    http://img1.sycdn.imooc.com//climg/60a4c9850934d2d904640130.jpg

    祝学习愉快!

    2021-05-19 16:20:58
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师