基础篇 1.文档流/网页流（正确理解为普通流） 稳定性：标准流〉浮动流〉 定位流 （优先用标准流）。 2.网页宽度 pc：一般是950-1200px（具体问题具体分析，看需求来定，不同类型网站，会有不同宽度）。 mobile：一般以苹果手机iphone5（640x1136px）为基准。（暂不考虑平板 ...
分类：
其他好文 时间：
2016-08-05 11:37:57
阅读次数：
189
这个暑假里的实习是真正让我体会到了做前端一定要理解文档流。之前一直处于必须给元素加边框才能看到我讲元素放置在了文档中的什么位置。理解了文档流，脑海中就会定位到相应的元素。 文档流，其实本没有这样的定义，有的是普通流的概念。简单说就是元素按照其在HTML中的位置顺序决定排布的过程。并且这种过程遵循标准 ...
分类：
其他好文 时间：
2016-08-03 23:59:45
阅读次数：
571
浮动 在标准文档流中，一个块级元素在水平方向会自动伸展，直到包含它的元素的边界，在竖直方向和其他的块级元素依次排列。 要实现浮动需要在CSS中设置float属性，默认值为none，也就是标准文档流块级元素通常显示的情况。如果将float属性的值设置为left或right，元素就会向其父元素的左侧或右 ...
分类：
编程语言 时间：
2016-08-02 01:11:39
阅读次数：
268
定位包括：相对定位，绝对定位，固定定位 一、相对定位（position：relative） 1、相对元素自己原来的位置进行定位；不脱离文档流，元素在文档中占得始终是原来的位置 2.特性： a、不影响元素本身的特性； b、不使元素脱离文档流（元素移动之后原始位置会被保留）； c、如果没有定位偏移量，对 ...
分类：
其他好文 时间：
2016-08-01 20:53:49
阅读次数：
785
文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. (自己的理解是从头到尾按照文档的顺序，该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序) 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动 ...
分类：
其他好文 时间：
2016-08-01 10:33:04
阅读次数：
119
一、float浮动：float：left/right/none/inherit;（inherit从父级继承浮动，对有的浏览器不兼容，一般不用） 1.块在一排显示 2.内联元素支持宽高 3.默认内容撑开宽度 4.脱离文档流（文档流是文档中可显示对象，在排列时所占用的位置） 特性： 1.浮动元素不会覆盖 ...
分类：
其他好文 时间：
2016-07-30 23:55:49
阅读次数：
618
1、浮动 浮动是CSS中用到的最多的一个选项，他有三个性质。关于浮动我们要强调一点，永远不是一个东西单独浮动，浮动都是一起浮动，要浮动，大家都浮动。 1.1 浮动元素脱离标准文档流 1.1.1 大概描述：有两个盒子，一个盒子浮动，一个盒子不浮动。浮动的盒子会脱离标准文档流，不浮动的盒子会在标准文档流 ...
分类：
Web程序 时间：
2016-07-24 22:20:38
阅读次数：
11363
圣杯布局和双飞翼布局，他们的都要求三列布局，中间宽度自适应，两边定宽，这样做的优势是重要的东西放在文档流前面可以优先渲染，而双飞翼布局是对圣杯布局的一种改良，下一篇文章会讲到。 圣杯布局：用到浮动、负边距、相对定位，不添加额外标签 DOM结构： 样式： 左中右部分样式变化过程 1、中间部分需要根据浏 ...
分类：
其他好文 时间：
2016-07-24 10:26:27
阅读次数：
169
一、html/css 1. 什么是盒子模型？ padding+border+width/height 2. float 浮动 （1）浮动的特性 半脱离文档流 行内变成块 共处一行 能设置宽高 同级元素有浮动，必须全部都浮动 父级宽度不够，子集掉下来 文本环绕 顶对齐 （2）清除浮动? clear:b ...
分类：
Web程序 时间：
2016-07-24 09:21:00
阅读次数：
347
关于浮动清除的一些小感悟，4种方法清除浮动 如何脱离标准文档流，css中给了三种方法，使一个元素脱离标准文档流。 1.浮动。 2.绝对定位。 3.固定定位。 一、 什么是浮动呢？定义这样说：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 其实也就是把快级元素变成能和别 ...
分类：
其他好文 时间：
2016-07-21 21:37:37
阅读次数：
147
