background是设置背景的属性
什么元素可以设置background?
答: 可以设置宽高的元素,常见的即:
- 块元素
- 行内块元素
- 设置了
position为absolute或fixed的行内元素 - 设置了
float为left或right的行内元素 - 父元素设置了
display为flex或inline-flex的行内元素 - 父元素设置了
display为gird或inline-gird的行内元素
设置background还需要什么条件?
答: 是这些属性的同时,还必须拥有width和height属性,也就是必须有值,属性值为负数无效
background有哪些属性?
查看MDN文档你可以发现,background有很多属性,可以点击我的下面的文章
- background-color
- background-image
- background-repeat
- background-size
- background-position
- background-origin
- background-clip
- background-attachment
吸取background-color问题
我们都知道
html和body是块元素,但是我们直接给它们设置background-color,不设置width与height的话,浏览器还是会出现颜色,这是为什么?
浏览器窗口会吸取html与body的background-color,如果html没有设置background-color和background-image,就会吸取body的background-color
同时设置body和html的颜色会怎样?
浏览器的背景颜色是html的背景颜色,因为浏览器已经吸取到了就不会再吸取
如何解决浏览器默认吸取颜色?
答: 吸取html无法解决,吸取body只要给html设置background-color或background-image就行了,在与此同时
- 给
body设置height - 子元素撑开
body
吸取background-image问题
浏览器也会吸取body的背景图片,如果html既没有设置background-color,也没有设置background-image,浏览器就会从body中吸取background-color与background-image
如何解决浏览器默认吸取图片?
答:吸取html无法解决,吸取body也是只要给html设置background-color或background-image就行了,在与此同时和上面一样
