jq修改css可以用rem吗

html-css020

jq修改css可以用rem吗,第1张

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

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

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

1、字体样式可以在CSS文件里修改,

2、打开对应的CSS文件,

3、在CSS里面添加body{font:指定字体样式}就是改全局字体样式,

4、在CSS里面添加body{font-size:指定字体大小}就是改全局字体大小。

PS:如果只是更改某个标签的字体大小,也可以直接在标签里面修改,<div style="font-size:12px">。

方法和详细的操作步骤如下:

1、第一步,使用hbuilder编辑器创建一个新的html文件,设置一个输入框并将其tpye属性设置为checkbox,将name属性设置为checkbox,并在复制时在顶部设置一个bgred样式,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,介绍下面的Jquery库,获取复选框的dom元素,为其单击事件,然后确定是否已选中该复选框,如果已选中,则添加上一步中的css样式集,否则删除该样式

 ,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,进入浏览器,会看到一个复选框,单击以选中,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,文字颜色将更改,见下图。这样,就解决了这个问题了。