一、position的概念 作为布局必不可缺少的元素之一,深究其属性以及一些注意点是非常必要的。 定义:规定元素的定位类型。 position属性: 属性 | 描述 | 常用性 | : : | : absolute | 生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。| ★★ ...
分类：
Web程序 时间：
2018-08-26 20:46:09
阅读次数：
236
居中在前端布局上很常见，也很常用，也是最基本的技巧。居中效果在方向控制上基本可以分解成水平居中，垂直居中和水平垂直居中。 针对调整的元素不同，具体的处理方式上有些差异。这里我们先不讲绝对定位下的居中，绝对定位下的居中方法很多，变化也多。下面讲的都是非绝对定位下的方法，原则上有两个，一个是常用，另外一 ...
分类：
Web程序 时间：
2018-08-26 16:42:15
阅读次数：
202
孔子说：“温故而知新，可以为师矣。”这几天参加了一个免费的前端课，每天晚上都有直播，讲解一个独立的案例。在听前端基础的时候，发现自己有不少东西没学会，平时在学校虽说html也写了不少，但有好大一部分都被忽略掉了。就在刚才看了一个基础案例，很是有共鸣，一个简单的轮播图，牵扯到的东西实在是多。不得不说， ...
分类：
Web程序 时间：
2018-08-24 20:47:17
阅读次数：
1104
time: 2016 02 19 14:00 每次用div＋css布局的时候都混乱的不行，所以决定仔细梳理一遍，加强理解和记忆^^。 一.文档流是什么？ CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。块 ...
分类：
Web程序 时间：
2018-08-23 10:47:00
阅读次数：
162
今天利用CSS3来画一个自动滚动的骰子。 思路：骰子的六个面分别用六个ul标签，每个面的点数就是li标签，点数的排列采用伸缩布局，然后采用定位和transform属性将六个面翻转折叠成立方体。 1、HTML结构：用一个类名为box的大盒子将六个面（ul）包起来，方便给整个骰子定位和添加动画；每个ul ...
分类：
Web程序 时间：
2018-08-21 23:29:50
阅读次数：
883
以前总是被垂直居中的方法所困扰，今天来总结一下垂直居中的方法，增强记忆 div等块级元素居中 第一种方法，利用绝对定位居中（相对于父容器），就是要居中的元素相对父容器做一个绝对定位，要求块级元素的高度和宽度确定（水平居中则要求宽度确定），然后设置上下左右数值都为零，再设置外边距为自动就可以了，代码如 ...
分类：
Web程序 时间：
2018-08-20 14:36:01
阅读次数：
222
垂直居中： 1，单行文本，行高等于高，即line-height等于父级的高； 2，多行文本，父级设置相对定位：position:relative，子集设置绝对定位,position:absolute;先定位到50%的位置，即top:50%, 在往上提自身的50%，即margin-top:-自身高度的 ...
分类：
Web程序 时间：
2018-08-19 23:21:55
阅读次数：
240
html中的定位体系 一、 分类 1、常规流static 2、浮动float 3、相对定位relative 4、绝对定位absolute 5、固定定位fixed 二、使用时的区分 在网页布局中，常常都会使用到这5中定位方式 ，总体分为三大类：静态static、浮动float、绝对定位（relativ... ...
分类：
Web程序 时间：
2018-08-19 23:19:21
阅读次数：
249
绝对定位当浮动元素被设置为绝对定位某个元素``` float:left; position:absolute;```- 则他的float属性会被强制设置为none- 绝对定位元素对其他元素不会造成任何影响，原来的位置不会占用- 绝对定位的位置可通过left，top，right，bottom来设置（四 ...
分类：
其他好文 时间：
2018-08-18 14:21:46
阅读次数：
155
本篇主要介绍css的常用样式，以及网页布局相关知识、绝对定位和相对定位，盒子模型、css权重、以及css选择器； 一、CSS载入方式 二、CSS选择器 三、浮动 四、相对地址和绝对地址 五、CSS显示特性-display 六、CSS元素溢出 七、CSS权重 ...
分类：
Web程序 时间：
2018-08-17 23:24:55
阅读次数：
198
