理清 position及z-index的用法: static : 无特殊定位，对象遵循HTML定位规则absolute : 将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框relative ...
分类：
Web程序 时间：
2017-08-19 18:27:10
阅读次数：
294
浮动就是使元素脱离文档流，按照指定的方向进行一个移动，遇到父元素边界或者相邻的浮动元素时，浮动元素会停下来。 脱离文档流通俗的说就是在页面中不占位置。 浮动有两个值：float：left / right 与display:inline-block;的区别，盒子之间有空隙，如下图。 1.左浮动floa ...
分类：
Web程序 时间：
2017-08-17 00:43:03
阅读次数：
200
今天学的是浮动、定位、表格、表单等内容，这些是CSS中最容易混淆的知识，有许多小技巧在写代码过程中需要注意。下面是主要知识点： 一、float浮动1、块元素在一行显示2、内联元素支持宽高3、默认内容撑开宽度4、脱离文档流5、提升层级半层二、clear清除浮动1、加高（扩展性不好）给浮动元素的父级设置 ...
分类：
Web程序 时间：
2017-08-17 00:37:24
阅读次数：
220
html的对象是按照文档流的方式，从上而下，从左往右的布置对象/元素。static:元素默认的定位方式，遵从基本的html布置规则relative:相对定位，相对哪个对象呢？相对的是元素本身的位置<divclass="div5"></div>
<divclass="div7"></div>
<style>
..
分类：
Web程序 时间：
2017-08-16 23:03:40
阅读次数：
213
1.了解两个基本概念：容器：需要添加弹性布局的父容器；项目：弹性布局容器中的每一个子元素，称为项目；2.弹性布局的使用：1)给父容器添加display:flex/inline-flex属性，即可使容器内容采用弹性布局显示，而不遵循常规文档流中的定位方式依然遵守常规文档流；2)容器添加弹性布局后，仅仅 ...
分类：
其他好文 时间：
2017-08-16 20:20:27
阅读次数：
186
浮动 1、什么定位 元素该出现的位置 分为以下几类： 普通流定位(文档流定位) 浮动定位 相对定位 绝对定位 固定定位 2、普通流定位 页面默认的定位方式 块级元素：从上到下显示 行内元素：从左到右显示 3、浮动定位 1、什么是浮动定位 元素会脱离默认文档流,在页面上不会占据空间 浮动定位的元素会放 ...
分类：
Web程序 时间：
2017-08-16 15:24:23
阅读次数：
204
transform是CSS3的一个属性，其作用是用来进行2D或3D变换。 一、2D变换 1. translate(x-offset , y-offset) translate的作用就是用作位置的移动。x-offset是距离left的位置，y-offset是距离top的位置。该方法的位移不会脱离文档流 ...
分类：
Web程序 时间：
2017-08-16 00:08:07
阅读次数：
223
1、了解两个基本概念： 容器：需要添加弹性布局的父元素； 项目：弹性布局容器中的每一个子元素，称为 项目； 2、弹性布局的使用： ①给父容器添加display:flex/inline-flex:属性，即可使容器内容采用弹性布局显示，而不遵循常规文档流显示方式； ②容器添加弹性布局后，仅仅是容器内容采 ...
分类：
其他好文 时间：
2017-08-13 20:12:49
阅读次数：
152
块级元素和行内元素 CSS把处在正常文档流中的不同html元素区分为块级元素（block element）和行内元素（inline element）。一般来说，所谓块级元素就是指当它们显示在浏览器中时，会在自身前后各插入一个空行，而使自身在页面中占据一个相对独立的块状区域的元素。因此，HTML文档中 ...
分类：
其他好文 时间：
2017-08-13 14:14:43
阅读次数：
241
flex 意思是弹性布局，用来给盒模型提供最大的灵活度，指定容器中的项目为弹性布局，类似于float:left; 比float的好处是容器没有设置高度，会根据项目来自适应高度，我们都知道，设置float属性，如果没有设置高度，那么容器会脱离文档流，需要清除浮动，才可以根据项目的高度规定高度。 父元素 ...
分类：
其他好文 时间：
2017-08-13 01:05:08
阅读次数：
171
