jquery 如何给所有标签添加2像素宽度

html-css014

jquery 如何给所有标签添加2像素宽度,第1张

jquery给所有标签添加2像素宽度的方法是调用css方法。

1、css需要传入两个参数:

$('#footer').css('width', '100%')

$('#footer').css('width', '-=239')

2、完整写法如下:

<style>

#footer{

background: black

height:50px

}

</style>

<script type="text/javascript">

$(function(){

$('#footer').css('width', '100%')

$('#footer').css('width', '-=210em')

})

</script>

<div id="footer"></div>

jquery获取img宽高的操作方法和步骤如下:

1、首先,界面中有一个img,但是js不用于设置其宽度,高度和背景颜色,如下图所示。

2、其次,使用jQuery获取要设置的div,然后调用css()方法即可开始设置,如下图所示。

3、接着,可以在css方法中设置。需要注意的是,里面有大括号,并且该属性用双引号引起来,如下图所示。

4、然后,完成上述步骤后,要同时设置多个属性,请使用逗号分隔多个属性,如下图所示。

5、随后,完成上述步骤后,打开hbuilder上方的浏览器小图标并开始预览,如下图所示。

6、最后,完成上述步骤后,观看效果,如下图所示。这样,问题就解决了。

rem一般用于设置字体的大小,1rem就是html根元素的字体大小,2rem就是html字体大小的2倍,1.5rem是html字体的1.5倍,0.75rem则是html字体大小的四分之三,依此类推。

因此,rem是一个相对长度单位,当改变html根元素的字体大小时,所有以rem为单位的字体大小也会跟着放大或缩小。

当然,它也可以用在其它地方,不一定是字体大小。比如要把某个元素的宽度设为5个字符的宽度,则 {width:5rem}