float 浮动 float : left | right | none | inherit 向左浮动 | 向右浮动 | 无样式 （默认）| 继承 · 默认宽度为内容宽度 · 脱离文档流 · 向指定方向一直移动 · float的元素在同一文档流 · float元素半脱离文档流 对元素，脱离文档流；对 ...
分类：
Web程序 时间：
2018-07-14 13:09:17
阅读次数：
233
登入的背景是叠加在主背景 元素叠加 定位 position - 设置定位方式 top , right , botto, left , z-index - 设置位置 z - index :是决定元素重叠的时候哪个元素在上 哪个元素在下面 默认是0 这里也可以出现负数 当z-index:1 参照物元素高 ...
分类：
Web程序 时间：
2018-07-13 13:18:54
阅读次数：
196
一、CSS布局之浮动 二、清除浮动带来的问题 三、margin塌陷问题和水平居中 四、善用父级的的padding取代子级的margin 五、文本属性和字体属性 六、超链接美化 七、背景属性（颜色、图片、位置） 1?? CSS布局之浮动 float:即浮动，CSS布局用得最多的一个属性。 效果：元素并 ...
分类：
Web程序 时间：
2018-07-10 21:34:38
阅读次数：
234
[TOC] css层叠样式表 样式声明方式:优先级由高到低 + 元素内联样式: + 中的内联样式: + 外联样式: + 浏览器默认样式:不同浏览器不同 css语法 + 由选择器和样式属性组成: + 四种基本选择器: + 基本组合: + 其他选择器: 基于css和div的页面布局 + css布局常用属 ...
分类：
Web程序 时间：
2018-07-07 20:43:19
阅读次数：
179
什么是布局 现有样式的布局，不能满足需求 文档流 浮动 定位 现实需要的布局： 导航栏+内容 导航栏+内容+广告栏 从上到下、从左到右、定宽、自适应 单列布局 实现方式： 定宽 + 水平居中 注意 max-width和width的区别max-width屏幕变窄的时候没有拉动条，width在屏幕变窄的 ...
分类：
Web程序 时间：
2018-07-07 13:50:38
阅读次数：
202
CSS布局解决方案 摘自：无悔铭《css布局解决方案（终极版）》 "https://segmentfault.com/a/1190000013565024" 水平居中 方案一：使用inline block + text align 原理： 1）先将子元素由块级元素改变为行内块元素，再通过设置行内块元 ...
分类：
Web程序 时间：
2018-07-03 12:00:14
阅读次数：
191
含有z index的图解 " CSS布局(三) 布局模型" "float设计初衷" "CSS布局(五) 网页布局方式" "CSS布局(六) 对齐方式" 水平居中 1 行内元素，在父元素中设置text align:center实现行内元素水平居中，将子元素的display设置为inline block ...
分类：
其他好文 时间：
2018-06-30 21:22:02
阅读次数：
159
div+css布局实现2端对齐是我们网页排版中经常会使用到的，这篇文章将总结一下可以实现的方法： 实现demo里面的div通过Css进行2端对齐。 该方法需要外面多嵌套一层来实现，通过元素的间距，做为中间层的margin溢出值来实现 <style> .box{ width:300px;margin: ...
分类：
其他好文 时间：
2018-06-27 13:57:06
阅读次数：
362
浮动(float):浮动原先设定时主要是用于文本环绕图像设定的，后来发现其在css布局中有很大的帮助，故渐渐使用浮动。 浮动后的元素脱离了文档的普通流，使得浮动的元素不占据文档的位置，其他元素可以覆盖其位置。 浮动元素不影响块框元级元素布局，但是可以影响内联元素（主要是文本）布局。（即浮动元素不占据 ...
分类：
其他好文 时间：
2018-06-25 16:54:55
阅读次数：
176
最近在总结前端知识，也参加了一些面试，面试中遇到一道题要求垂直水平居，现在对这进行一下总结，也好巩固一下知识。 方案一、flex布局 方案二、margin：auto 这里的section设置任意的高度和宽度都可以实现水平垂直居中的效果。 方案三、transform 使用transform方式可居中任 ...
分类：
Web程序 时间：
2018-06-23 22:45:28
阅读次数：
251
