## 静态定位:                 position:static;    默认值,指定left/right/top/bottom/  没有作用.                 position:absolute;   绝对定位                     a:参照物:已经设置定位的父元素.[如果没父元素或者父元素都没有定位的情况下,以 文档 参照物]                     b:破坏文档流(布局流),不占据空间                 pos…

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

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" …

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; }…

形成一个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…

##   padding的作用:                 控制子元素和父元素之间的位置关系                              padding设置方法:                 padding:10px                 padding:10px 20px  上下  左右                 padding:10px 20px 30px    上 左右 下                 padding:10px 20px 30px…

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