摘要： 今天第一次倒腾搭建服务器，用的Apache服务器，具体过程可参考腾讯云API https://cloud.tencent.com/document/product/269/4105 (注意端口号的问题) 此外：提供其他服务器工具：http://www.php100.com/html/plugin/s 阅读全文

摘要： 1.焦点事件 焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入。 可以通过以下方式给元素设置焦点： 点击、tab、js 不是所有元素都能够接收焦点的，能够响应用户操作的元素才有焦点。 2.event事件对象和clientX、clientY event:事件对象 阅读全文

摘要： 可视区尺寸：就是看得见的屏幕宽高 滚动距离：滚动条距上（左）边的距离。注意：并不是肉眼看到的实际距离，而是比例距离。 内容高度：盒子里面，抛开边框，从上到下的内容的高度 文档高度： 122px=border(2px)+height(100px)+padding(20px) 事件： onscroll： 阅读全文

摘要： browser objec tmodel浏览器对象模型 BOM里面的方法大多在window对象底下，window代表窗口，也就是说，在BOM里面大多调用window下面的东西。 1.open方法是window底下的一个方法 window.open(页面的地址URL，打开的方式)方法，打开一个新的界面 阅读全文

摘要： 一个转动的风筝小demo 运行结果为： 鼠标移入后会旋转： 阅读全文

摘要： 1.了解分栏模式 类似报纸 运行结果为： 2.响应式布局 适应屏幕大小的改变，所呈现的东西有所适应 案例：假如屏宽>1000px时，内容呈5列显示；当600<屏宽<1000时，内容呈3列显示，并且文字显红色；当屏宽<600时，文字呈两列显示，文字为黑色 方法一：引入不同的css样式 样式表为： 引入 阅读全文

摘要： 1.盒子投影box-shadow 运行结果为： 更多属性可以参看：http://www.runoob.com/cssref/css3-pr-box-shadow.html 2.倒影box-reflect 运行结果： 3.渐变-linear-gradient 运行结果： 4.自由缩放 运行结果： 5. 阅读全文

摘要： 1.按比例分配 运行结果为： 计算公式：子元素的尺寸值=盒子的尺寸/所有子元素box-flex属性值的和*子元素的box-flex属性值 同时：也可以设置定宽，剩下的再按照这个规则去计算 2.box-pack对盒子富裕空间进行管理 效果类似右浮动 中间浮动 富裕空间在子元素中间平均分配 -webki 阅读全文

摘要： 1.display: -webkit-box;的应用 运行为： 加上display: -webkit-box后，运行为： 2.改变box的排序顺序 运行结果为： 3.任意排列box的位置 运行结果为： 阅读全文

摘要： Document div1 div2 div3 div1 div2 div3 阅读全文