相信也有不少朋友跟我一样,曾经都对 background-position 产生过错误的理解。
background-position:0% 0%;
这表示背景图片的左上角与容器的左上角对齐?的确是这个现象,但话不能这么说,因为 background-position 计算位置时用的并不是背景图片的左上角作为基点。
2024年08月28日
相信也有不少朋友跟我一样,曾经都对 background-position 产生过错误的理解。
background-position:0% 0%;
这表示背景图片的左上角与容器的左上角对齐?的确是这个现象,但话不能这么说,因为 background-position 计算位置时用的并不是背景图片的左上角作为基点。
2024年08月28日
说明:background-size 规定背景图像的尺寸 属性值
length (10px) 规定背景图的大小。第一个值宽度,第二个值高度。(直接定义背景图的大小)
2024年08月28日
背景属性
常用属性
属性值解释background-colorred背景颜色background-imageurl(“”)背景图片background-repeatrepeat;no-repeat;repeat-x;repeat-y图像平铺;不平铺;按x轴平铺;按y轴平铺background-positionunset;left;right;center;top;bottom;20px背景定位、对齐方式,靠上层边框的位置,如果只写一个值,其他值值默认居中background-attachmentfixed;scroll背景浮动,如果页面元素过多有上下拉条就这个参数就可以定义是否跟随拉条一起浮动background-sizelength/percentage/cover/containlength:设置背景图像的高度和宽度,第一个值设置宽度,第二个值设置高度,如果只设置一个值,则第二个值会被设置为 “auto”。
2024年08月28日
在之前的很多文章中,我们基本是针对特定的题目,然后写代码来进行讲解的。今天这篇文章我们改变一下方式,总结一些常见的问答题,来看看这些问答题你们都回答的上来吗?
前端
2024年08月28日
面试官:雅虎军规你知道多少?
我一时摸不着头脑,心想:“啥军规,干啥的,没听过呀!”
这是我前几年去面试的时候,面试官问的问题,事后我就专门查了一下,我去,这不就是前端优化么,说的那么高大上,直接说有哪些优化不行么,起码也不至于一个字我也回答不上来,避免有朋友和我一样的情况,今天和大家聊一聊雅虎军规。
2024年08月28日
知乎上曾提出过这样一个问题“大公司需要什么样的前端架构”,前端工程化意识强的大公司,往往都有一个完整的技术体系和高效的前端团队和协作流程。前端是一个产品的脸面,如何维护好我们的面子问题,京东JDC前端架构组负责人刘威为我们深度剖析前端团队的工作方式。
2024年08月28日
像我之前提到的那样,文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层,背景层可以是完全透明或者其它颜色,也可以是一张图片。此背景层由8个CSS属性(加上1个简写的属性)控制。
background-color
background-color属性设置元素的背景颜色。它的值可以是任意合法的颜色值或者是transparent关键字。