css里的属性padding-bottom,在用js控制的时候应该怎么写?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css里的属性padding-bottom,在用js控制的时候应该怎么写?相关的知识,希望对你有一定的参考价值。

css里的属性padding-bottom,在用js控制的时候应该怎么写?

如果你说的是用javascript控制css属性的话,遇到类似css的padding-bottom这样的属性,采用小驼峰式的写法,也就是第一个单词字母小写,第二个单词字母大写。就是下面这种写法
document.getElementById("").style.paddingBottom = '10px';
参考技术A 获取对象,然后用对象.style.padding=值,就可以改了。
希望我的回答可以帮到你,有什么不懂可以追问。

前端试题-CSS试题

1. css属性命名区分大小写吗?

不区分,不过一般小写,便于理解

2. margin-top和margin-bottom对于行内(内敛inline)元素效果一样么?

3.padding-top和padding-bottom对于inline元素都会增加元素本身的大小么?

回答2,3,需要了解html里的替换元素和非替换元素。

替换元素是指作为其他内容点位符的一个元素。如img等。非替换元素是指内容包含在文档中的元素,例如span。

讨论margin-top和margin-bottom对行内元素是否起作用,则要对行内替换元素和行内非替换元素分别讨论。

把margin应用到行内元素是可以的,不过向非替换元素应用margin时,对行高没影响,而margin实际又是透明的,所以margin-top和margin-bottom没有任何视觉效果。把margin-left和margin-right应用到非替换元素是有影响的。

为行内替换元素设置margin-top和margin-bottom,可能会使行高增加或减少,这取决于margin-top和margin-bottom的值。margin-left和margin-right对行内替换元素和非替换元素一样也是有影响的。

 

对于行内元素,设置padding-left和padding-right是可见有影响的,设置padding-top和padding-bottom后,对于行内非替换元素,padding-top和padding-bottom没用,不会影响其行高,不会撑开父元素。而对于行内替换元素,padding-top和padding-bottom会撑开父元素。

inline元素(准确来说是非替换的行内元素)不能设置竖直方向上的margin和padding,这个是css标准所规定的。

总之,inline元素,宽高无效,margin,padding只有左右边距有效,上下无效。

4. 如果一个p 标签拥有font-size: 10rem,那么这个p标签会自动响应窗口布局吗?

不会,rem是以html根元素font-size的大小为基准的相对度量单位,文本的大小不会随着窗口的大小改变而改变。一般默认根元素font-size为16px,不过可以改变它的值。

5. 伪类选择器:checked对于option标签有效果吗?

有。

伪类选择器:checked会作用于radio(<input type=”radio”>), checkbox(<input type=”checkbox”>)或者 option元素(<option> in a <select>)。

6.  伪类 :root 通常指的是标签<html>?

不是。

单指创建的根。这个根可能不是 html ,如果是片段html,木有创建根,则为片段的根。如呂康豪 大大所说的一样。https://www.zhihu.com/question/20312140

7. translate()方法可不可以使元素在z轴上做变换?

不能。

translate()方法包含在CSS3的2D transform函数里。它可以在x轴和y轴上移动位置。

以上是关于css里的属性padding-bottom,在用js控制的时候应该怎么写?的主要内容,如果未能解决你的问题,请参考以下文章

CSS 利用 `padding-bottom` 实现固定比例的容器

设置子div在父div中绝对置于底部之后覆盖了父div里的内容怎么办?

js里的css属性怎么写backgroundImage的参数

css,jQuery,js部分注释

2017前端面试题之Css篇

css3里的transition 属性