如何制定企业网站推广策划书以优化网络营销效果?

摘要:企业网站推广策划书,网络营销论文文献,网页源代码怎么查找部分内容,深圳 网站设1.平面转换 使用 transform 属性实现元素的位移、旋转、缩放等效果 2D转换 2D转换是改变标签在二维平面上的位置和形状移动&#xf
企业网站推广策划书,网络营销论文文献,网页源代码怎么查找部分内容,深圳 网站设1.平面转换 使用 transform 属性实现元素的位移、旋转、缩放等效果 2D转换 2D转换是改变标签在二维平面上的位置和形状 移动#xff1a;translate 旋转#xff1a;rotate 缩放#xff1a;scale 1.1位移translate translate语法 x就是X轴上水平移动#xff0c;正向为右…1.平面转换 使用 transform 属性实现元素的位移、旋转、缩放等效果 2D转换 2D转换是改变标签在二维平面上的位置和形状 移动translate 旋转rotate 缩放scale 1.1位移translate translate语法 x就是X轴上水平移动正向为右 y就是y轴上水平移动正向为下 单独设置某个方向的移动距离translateX()    translateY() transform: translate(x, y)transform: translateX(n)transfrom: translateY(n)  重点知识点 取值正负均可像素单位 百分比是相对于本身的宽度和高度来进行计算的 2D的移动主要是指水平、垂直方向上的移动 translate最大的优点就是不影响其他元素的位置 行内标签没有效果 !DOCTYPE html html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title位移-基本使用/titlestyle.father {width: 500px;height: 300px;margin: 100px auto;border: 1px solid #000;}.son {width: 200px;height: 100px;background-color: pink;transition: all 0.5s;}.father:hover .son {/* 百分比是相对于本身的宽度和高度来进行计算的 */transform: translate(100%, 50%);/* transform: translate(100px,50px); *//* 水平移动 100px *//* transform: translate(100px, 0) *//* 垂直移动 100px *//* transform: translate(0, 100px) *//* 水平移动 100px *//* transform: translateX(100px); *//* 垂直移动 100px */transform: translateY(100px);}/style /headbodydiv classfatherdiv classson/div/div /body/html D:\前端基础\2023寒假web学习\题目\2移动web开发\素材(1)\素材  让一个盒子水平垂直居中 !DOCTYPE html html langen headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title绝对定位元素居中效果/titlestyle.father {position: relative;width: 500px;height: 300px;margin: 100px auto;border: 1px solid #000;}.son {position: absolute;left: 50%;top: 50%;/* margin-left: -100px;margin-top: -50px; *//* 用translate比较方便适用于宽高不是整数值 */transform: translate(-50%,-50%);width: 203px;height: 100px;background-color: pink; }/style /head bodydiv classfatherdiv classson/div/div /body /html D:\前端基础\2023寒假web学习\题目\2移动web开发\素材(1)\素材  案例使用translate实现元素位移效果 !DOCTYPE html html lang
阅读全文