CSS中定位的介绍及使用
静态定位: ----- 静态定位是默认值,就是之前认识的标准流。 代码:postion:static 静态定位不能通过方向偏移值来改变。 相对定位: ----- 自恋型定位,相对于自己之前的位置进行移动。 代码:postion:relative 1. 需要配合访问属性来移动 2. 相对于自己原来的位置进行移动 3. 在页面中占位置→没有脱标 **应用场景*...
51工具盒子
静态定位: ----- 静态定位是默认值,就是之前认识的标准流。 代码:postion:static 静态定位不能通过方向偏移值来改变。 相对定位: ----- 自恋型定位,相对于自己之前的位置进行移动。 代码:postion:relative 1. 需要配合访问属性来移动 2. 相对于自己原来的位置进行移动 3. 在页面中占位置→没有脱标 **应用场景*...
<p><strong>场景:</strong> 让盒子四个角变得圆润,增加页面细节,提升用户体验。</p> <p><strong>属性名:</strong> border-radius</p> <p><strong>常见取值:</strong> 数...
使用 `background-image`属性实现渐变背景效果 渐变是多个颜色逐渐变化的视觉效果,一般用于设置盒子的背景色。 **俩种颜色间渐变语法:** ```lang-css background-image: linear-gradient( 颜色1, 颜色2 ); ``` **从透明到半透明语法:** ```lang-css backgrou...
<p>利用空间转换属性使用立体呈现技巧实现3D导航效果</p> <p><img src="http://static.51tbox.com/static/2024-11-07/col/30eadd7fe5c90cf7491e74dbe3c57111/22339d84d1914307a7601a5fe07a2b6e.png.jp...