box | 易学教程

Vagrant 打造 PHP7 开发环境

阅读更多关于 Vagrant 打造 PHP7 开发环境

引言 PHP7 已经出来有一整子了，听说速度明显有提升，而且 Yii2 又全面兼容 PHP7，那么为何不试试呢？所以 Vagrant 打造 PHP7 开发环境这个项目就诞生了。包括以下环境和软件： Nginx 1.4.6 Mysql 5.5.46（mysql -V） PHP 7.0.8-3 git autojump composer vim Box地址链接: http://pan.baidu.com/s/1nt1hDMD 密码: ckg4 如何搭建下载 ubuntu_trusty_64.box, 执行以下命令添加刚才下载好的 box 到 Box list： // cd 下载 box 目录 // vagrant box add 名称路径 vagrant box add trusty64 ubuntu_trusty_64.box vagrant box list // 查看 mkdir ubuntu // 创建文件夹 git clone https://github.com/forecho/vagrant-ubuntu-php7.git php7 cd php7 vagrant init // 初始化然后启动 vagrant vagrant up 最后你可以愉快的时候 Xshell 工具 SSH 连接了。 IP：192.168.33.10 端口：22 用户名

css简单整理

阅读更多关于 css简单整理

style1.css /*统一设置h1、h2、a标签的样式*/ h1,h2,a{ color: aqua; font-size: 50px; } /*如果h1、h2没有上面的单独设置样式那么就会继承body所设的样式*/ body{ color: brown; } /*设置列表标签的strong标签的内容*/ /*派生*/ li strong{ color: blue; } /*strong不会夫覆盖li strong的样式*/ strong{ color: blueviolet; } /*通过id改属性前面加#*/ #pid{ color: cadetblue; } /*派生和id的结合更改a标签的内容*/ #pid a{ font-size: 20px; color: darkgoldenrod; } /*类选择器和派生结合*/ /*类之前加.*/ .dclass p{ color: red; } /*属性选择器*/ [title]{ color: chartreuse; } [title=b]{ color: darkgreen; } input[type="submit"]{ width:120px; height: 120px; margin-left:35px; } test1.htm <!DOCTYPE html> <html lang="en"> <head>

clientHeight offsetHeight scrollHeight

阅读更多关于 clientHeight offsetHeight scrollHeight

参考文章： http://blog.csdn.net/magic232/article/details/20443839 clientHeight 大部分浏览器对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，即然是指可看到内容的区域，滚动条不算在内。但要注意padding是算在内。其计算方式为 clientHeight = topPadding + bottomPadding+ height - scrollbar.height。 offsetHeight 在IE6，IE7，IE8以及最新的的FF, Chrome中，在元素上都是 offsetHeight = clientHeight + 滚动条 + 边框。 scrollHeight scrollHeight是元素的padding加元素内容的高度。这个高度与滚动条无关，是内容的实际高度。计算方式： scrollHeight = topPadding + bottomPadding + 内容 box的高度。这里的scrollHeight的计算方式是基于内层元素的box定义的高度小于外层元素的height得到的，而内容box指的是子元素的box,包括margin，padding，border和height

CSS之单行、多行文本溢出显示省略号

阅读更多关于 CSS之单行、多行文本溢出显示省略号

单行文本溢出显示省略号： overflow: hidden text-overflow: ellipsis white-space: nowrap 多行文本溢出 display: -webkit-box -webkit-box-orient: vertical -webkit-line-clamp: 3 overflow: hidden 来源： https://www.cnblogs.com/jingxuan-li/p/11828639.html

关于box-sizing

阅读更多关于关于box-sizing

该属性的两个值：content-box ， border-box，默认为content-box 1.默认情况，给div设置的宽高就是内容区的大小，不包括padding和border 2.border-box时，div的宽高等于border+padding+content 来源： https://www.cnblogs.com/lzqiao/p/11794249.html

jquery常用选择器

阅读更多关于 jquery常用选择器

* $("*") 选择所有元素 #id 例子： $("#box") 选择id=box的元素 .class 例子： $(".className") 选择class=className的元素 .class.class 例子： $(".apple.water") 选择class=apple并且class=water的元素 element 例子： $("div") 选择元素div 来源： https://www.cnblogs.com/yejiang/p/11794265.html

关于盒子大小

阅读更多关于关于盒子大小

比如设计图盒子大小为850px*170px，由前端页面浏览器显示出来即会被子级盒子多出来2px，清除多出来2px的解决办法是在style标签里面最上面即可 *{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */火狐浏览器 -webkit-box-sizing:border-box; /* Safari */浏览器兼容问题 } 来源： https://www.cnblogs.com/zmxyl-1437/p/11793017.html

css---flex布局--容器

阅读更多关于 css---flex布局--容器

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 容器设置新版的为display为flex 老版的为display为webkit-box；布局方向老版的布局方向 flex-direction: row; -webkit-box-orient: horizontal; flex-direction: column; -webkit-box-orient: vertical; <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> { margin: 0; padding: 0; } #wrap{ width: 400px; height: 300px; border: 1px solid; margin:100px auto; display:flex; /*x排列*/ flex-direction: column; } #wrap > .item{ width: 50px; height: 50px; background: pink; text-align: center; line-height: 50px; } </style> </head

学习 BFC (Block Formatting Context)

阅读更多关于学习 BFC (Block Formatting Context)

本文转载于: 猿2048 网站➥ https://www.mk2048.com/blog/blog.php?id=i00bciibaa 什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。视觉格式化模型视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制，它也是CSS中的一个概念。视觉格式化模型定义了盒（Box）的生成，盒主要包括了块盒、行内盒、匿名盒（没有名字不能被选择器选中的盒）以及一些实验性的盒（未来可能添加到规范中）。盒的类型由 display 属性决定。块盒（block box）块盒有以下特性：当元素的CSS属性 display 为 block ， list-item 或 table 时，它是块级元素 block-level；视觉上呈现为块，竖直排列；块级盒参与(块格式化上下文)；每个块级元素至少生成一个块级盒，称为主要块级盒(principal block-level box)。一些元素，比如 <li> ，生成额外的盒来放置项目符号，不过多数元素只生成一个主要块级盒。行内盒（inline box）当元素的CSS属性 display 的计算值为

C++ bounding box triangle collision

阅读更多关于 C++ bounding box triangle collision

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 由翻译强力驱动问题: I need an algorithm for know if a bounding box axis align (like a cube but the sides are not equal) and a triangle intersect in a 3D space. I am doing the code in C++, if the solution is extremly long, better in C++ (if you can) :), if it is a few lines don't worry if it is another language. (Determine if a vertex of the triangle is inside the box is easy, but is not easy determine if if the box and the triangle intersects but all vertex are outside of the box and the triangle.) (An algorithm of an intersection between a rectangle