摘要：
全局作用域: script标签下 在此声明的变量称为全局变量，全局变量在页面打开时创建，在关闭页面时销毁 全局变量作为window的属性，使用时省略window 全局变量声明之后任意位置均可访问 局部作用域: function内部，也称为函数作用域 在此声明的变量称为局部变量,局部变量在函数调用时, 阅读全文
摘要：
浮动竖着排列的项目想横向排列标准文档流在不使用其他与排列和定位相关的css规则时，各个元素排列方式 脱离(标准)文档流1.浮动2.定位3.弹性盒子预防浮动带来的问题设置父级，设置号宽高清除浮动1.clear:both; 阅读全文
摘要：
html csshtml 标签行元素块元素区别？行元素：不独占一行，设置宽高无效，继承父级属性块元素：独占一行，设置宽高有效，继承父级属性行内块：不独占一行，设置宽高有效，继承父级属性语义化标签：标签自身能代表其含义(a,p,img,h1-h6,strong,em,ul,table,form)非语义 阅读全文
摘要：
任何元素都有盒子模型盒子模型由4部分组成：content内容 padding内边距，border边框，margin外边距从内而外：content-padding-border-marginmargin书写padding:10px;上下左右10pxpadding:5px 10px;上下 5px 左右1 阅读全文
摘要：
1.clear:both在被影响的元素上加2.给父级设置宽高加display:block3.给父级设置宽高overflow:hidden;4.伪类{content:"";宽高，displat:block;clear:both;overflow:hidden} 阅读全文
摘要：
1.静态定位， static默认无定位2.相对定位 relative3.绝对定位 absolute4.固定定位 fixed 固定到某个位置5.粘性定位 sticky跟前面四个属性值都不一样，它会产生动态效果，很像relative和fixed的结合根据方向控制位置(top,left,right,bot 阅读全文
摘要：
css3圆角border-radius: 10px;border-top-left-radius: 10px;左上角圆角(单个圆角设置，先写上下，再写左右)正圆圆角，宽高相等，设置border-radius是宽高的值css3盒子阴影box-shadow:3px 8px 21px 8px;第一个值，水 阅读全文
摘要：
animation:动画名称 时间s;动画播放方式1.默认播放一次2.infinite循环播放动画方向animation-direction1.正序 animation-direction: normal;2.倒序 animation-direction: reverse;3.交替 animatio 阅读全文
摘要：
1.动画组成关键帧@keyframes，用于定义动画的每个状态①from...to..@keyframes 动画名称{from{}to{}}②0% 10% 50%@keyframes 动画名称{0%{}50%{}100%{}} 调用动画animation:动画名称 时间s;动画播放方式1.默认播放一 阅读全文
摘要：
布局方式table div+css 弹性布局 响应式布局(一个页面适用于多个设备)@media多媒体查询 关键词only 只有 仅仅not 没有 除了and 和连接词 手机尺寸最小320px 最大750px iPad 平板最小641px 最大979px 电脑980px - 1200px1200px以 阅读全文