- 博客(8)
- 收藏
- 关注
RSS订阅原创 IP数据报首部格式&为什么要有IP地址&IP地址演化过程
一、IP数据报首部格式抓包后得到的IP数据报 这里就不对每部分一一赘述了。 二、IP地址表示演化过程（从主机到CIDR） （1）什么是IP地址？ IP地址就是给互联网上每一个接口定义的一个32位标识符来唯一的标识每一个接口。这里所谓的接口就是能在因特网上传输消息的端口，可能一台电脑或者服务器有多个网卡，意味着这台设备也分配了多个IP地址。并且，路由器...
2016-11-22 21:40:42
1394
原创 flexbox（四）伸缩布局中的margin&伸缩性&主轴对齐方式
伸缩布局中的margin：当使用flex属性计算伸缩项目的宽度的时候，为auto的margin会值为0在主轴（main axis）方向如剩余空间为正数，则剩余空间会被平均分配在拥有主轴方向auto margin(s)的flex元素之间。如剩余空间为负数，则将主轴方向的auto margin(s)设定为‘0’。在侧轴（cross axis）方向如果拥有侧轴
2016-11-19 17:30:56
4876
原创 flexbox（三）伸缩行&伸缩行对齐&所有伸缩项目对齐&单个伸缩项目对齐
伸缩行Flex items in a flex container are laid out and aligned within flex lines, hypothetical containers used for grouping and alignment by the layout algorithm. A flex container can be either sing
2016-11-19 13:47:19
1761
原创 flexbox（二） 确定主轴（伸缩流）的方向&伸缩容器对伸缩项目换行&确定伸缩项目在伸缩容器中布局的顺序
该属性应用在伸缩容器上，从而确定了伸缩容器的主轴的方向，以至于为伸缩项目的布局做好准备。改变的是主轴的方向对于伸缩容器的宽高不会改变，不如column不会意味着宽和高数值交换。该属性中row等值与文本的书写方向有关，比如以row为例，如果书写方向为ltr，那么row就是意味着主轴方向为从右到左，如果为rlt则相反。还要注意的是，该属性仅仅影响了伸缩容器主轴的方向，同时意味着主轴的开始和结束也就确定下来了，也意味着确定了伸缩项目的大致的布局方向。但是对于伸缩项目之间如何按照什么顺序布局，则有后续的属性决定
2016-11-19 10:32:15
973
原创 Flexbox（一） 伸缩布局盒模型&兼容性&定义伸缩布局上下文
一、伸缩布局盒模型（伸缩格式化上下文（FFC））二兼容性三display：flex和inline-flex 伸缩布局盒模型有两部分组成，分别为伸缩容器（父元素）和伸缩项目（子元素们）。将一个父元素的display声明为box或者flex的方式使得该父元素为子元素创建了一个伸缩格式化上下文（FFC）环境，然后这些子元素会通过一定的规则在这个伸缩盒子（父元素）中布局。FFC可有点类似于块级格式化上下文（BFC），他们区别在于
2016-11-16 18:47:04
1249
原创 使用浮动布局还是inline-block布局？
在上篇博客中对浮动做了介绍 http://blog.csdn.net/wmaoshu/article/details/52995912 浮动存在的问题也是很明显的，首先他会脱离文档流对父元素兄弟节点和孩子节点都有影响，那么为了实现对浮动布局的替代，那么我的考虑是使用inline-block。浮动和inline-block他们在文档流中排版方式相似，但是inline-block是基线对齐，浮动是
2016-11-03 18:25:31
2535
原创 为什么要用浮动&浮动元素如何显示&浮动元素对其他元素的影响&清浮动
什么是浮动,我们真的用浮动布局吗？A float is a box that is shifted to the left or right on the current line. The most interesting characteristic of a float (or "floated" or "floating" box) is that content may flow alon
2016-11-01 14:53:44
5008
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人