background新增属性
2024-10-08 03:52:51
今天解除了几个曾经没有用到的属性，所以想总结并且复习一下。
background-origin属性：有三个属性值，分别是border-box，padding-box，content-box。看到border-box是不是联想到了CSS3中的盒子模型。
box-sizing:border-box。它是为了减少CSS中的盒模型padding和border值计算的繁琐。
首先先说一下：
background-origin属性：它表示 background-position 属性相对于什么位置来定位。
属性值border-box:背景图像相对于边框盒来定位。
属性值padding-box：背景图像相对于内边距框来定位。
属性值content-box：背景图像相对于内容框来定位。
所以我们一般用这个属性做一些精灵图的定位与剪切。
还需要了解的是 background-clip属性：同样也有三个属性值border-box，padding-box，content-box。
background-clip属性规定背景的绘制区域。
| 值 | 描述 |
|---|---|
| border-box | 背景被裁剪到边框盒。 |
| padding-box | 背景被裁剪到内边距框。 |
| content-box | 背景被裁剪到内容框。 |
最新文章
- PHP数组详解
- 安装RPM包或者安装源码包
- JavaScript 闯关记
- Spring MVC 之请求处理方法可接收参数(三)
- shell脚本处理大数据系列之(一)方法小结
- Servlet容器的启动过程
- Android应用程序开发之图片操作（一）——Bitmap，surfaceview，imageview，Canvas
- 【LeetCode】 Populating Next Right Pointers in Each Node 全然二叉树
- css3仿山猫侧边栏
- C#设计模式(1)-单例模式
- 在tomcat下部署两个或多个项目时 log4j和web.xml配置webAppRootKey 的问题(转)
- vue 将毫秒转为日期
- springBoot打包发布项目------jar包
- Couldn't find log associated with operation handle: OperationHandle [opType=EXECUTE_STATEMENT, getHandleIdentifier ()=5687ff62-aa71-4b47-af6c-89f6a3f7a1fe]
- 如何在QFileSystemModel中显示文件夹的大小
- 验证ip地址正则
- Windows下的Jdk 1.7*安装并配置（图文详解）
- mysql 字符串转数据丢失精度，mysql转换丢失精度，mysql CAST 丢失精度
- C++编译与链接（0）-.h与.cpp中的定义与声明
- java插件之Lombok