css 位移常用属性 transform:translate(x,y): transform:translateX(); transform:translateY(); 旋转属性 2d旋转: transform:rotate(): /*绕着中心点转动*/ transform:rotateX(): /*绕着X轴转动*/ transform:rotateY(): /*绕着Y轴转动*/ 变形原点: transform-origin: X轴位置 Y轴位置: 缩放属性 transform:scale();…

## 因为初级的内容较多,所以选了一些有用的 需要记忆的内容写下 方便日后回顾 CSS语法   选择符{属性:属性值;} ##             所有的css代码 都要放在css样式表里面                 1:内部样式表  在head里面添加 style标签                 2:外部样式表                       连接外部样式表                         <link rel="stylesheet" …

形成一个3D的空间 transform-style: preserve-3d; ### 3D在2D的基础上,多了这些内容 位移 transform:translateZ(); 旋转 transform:rotateZ() 缩放内容涉及过多,暂不讨论 立方体的效果实现 <style> *{ margin:0; padding:0; } section{ width:300px; height:300px; position:fixed; background:purple; left:0;rig…

 ## css常用属性:             1:文本属性:                 文本大小:  font-size:18px;                 文本颜色    color:#ff0000                 文本类型:   font-family:'微软雅黑'                 文本加粗    font-weight:bold/bolder   normal 常规文本                 文本的倾斜  font-style: …

##css选择符                 1:类型选择符 直接用标签名称当作选择符                     特点:选中所有同类元素                 2:id名称  <标签 id="名称"></标签>                     #名称{}                     特点:唯一性                     作用:id划分网页外围结构                 3:class名称(…

js javascript js的组成: ECMAscript DOM BOM js放置的位置 <script></script> <script src="路径"></script> js输出语句 document.write() //在页面输出 console.log() //在控制台输出 [调试程序] alert() //弹窗 [阻塞程序运行] 变量: 声明变量: 关键字:var let const var 变量 = 值; 数据类型…

var oBox = document.getElementById('box');//获取ID为box的节点 var aBox = document.getElementsByTagName('div');//获取标签名为div的节点 var oBox = document.querySelector('.wrap'); //获取 ,wrap节点 var aBox = document.querySelectorAll('div');//获取所有div节点 // console.log(aBo…

工具得特点: 1:重复性使用 2:隐藏内部原理(细节) 3:选择性应用 创建函数: 1:关键字 function 函数名称(){ } 2:字面量创建 var fn = function(){ } 3:构造函数 var fn = new Function(); 函数得调用: 1:函数名() 2:事件驱动 document.onclick = function(){ 函数名(): } 参数: 实参 [函数在调用得时候传递得参数] 形参 [函数在制定得时候传递的参数,变量] function fn(形…

/// 注意要给td加上宽高属性,不然就看不到啦 /// td{ width:100px; height:30px; border:1px solid red; }…

section{ width: 500px; height: 300px; border-bottom: 10px solid black; position: relative; margin: 100px auto; } div{ width: 30px; height: 250px; text-align: center; left: 235px; bottom: 15px; position:absolute; transition: 1s; transform-origin: bott…