css定位标签position包括两个值：relative(相对定位)和absolut(绝对定位)，postion样式一般都是和top、bottom、left、right一起使用来确定一个标签的位置。1、position:absolute(绝对定位)： 标签的position被设置为absolut....
分类：
Web程序 时间：
2015-07-13 00:38:35
阅读次数：
246
list-style-type:none是指不显示项目符号1、块级元素的特点： 常用的块级元素有：body，ul li，ol li，h1-6，div,hr,p，table……等 （1）块级元素里面的内容，或者背景图片，默认显示在块的左上角 （2）块级元素，默认情况下，单独占满一行。 常用的块...
分类：
Web程序 时间：
2015-07-12 10:52:31
阅读次数：
143
CSS网页布局即版式布局，是网页设计师将有限的视觉元素进行有机的排列组合。主要通过CSS的浮动、定位功能来实现UI设计的布局要求。常见的布局有：一列布局，两列布局，三列布局和混合布局。HTML清除默认样式：body{margin:0;padding:0;}浮动（float）、绝对定位（positio...
分类：
Web程序 时间：
2015-07-11 19:57:09
阅读次数：
212
1.html中添加一个返回顶部的按钮，本例中采用了一个绝对定位的div，（position:fixed），背景色给了一定的透明度，并加入一个向上的箭头icon。2.绑定window的scroll事件，即发生scroll事件，则进行按钮的显示隐藏的操作判断。判断方法是：滚动条垂直高度大于某个值，则显示按钮..
分类：
Web程序 时间：
2015-07-10 16:52:30
阅读次数：
157
今天分享一个利用css3新特性实现垂直水平居中的方法。通过对元素进行绝对定位再配合transform中的translate实现。代码如下：html css#content{position:relative;height:300px;width:300px;}.a{p...
分类：
其他好文 时间：
2015-07-09 09:35:12
阅读次数：
112
相对定位首先给大家演示一个代码页面显示结果：接着我们将第二个div加入relative相对定位属性，他会保留原有位置，根据原有文档位置进行相对定位: 1 2 3 4 9 10 11 12 13 14 15 需要注意的是相对定位并没有脱离文档流
分类：
其他好文 时间：
2015-07-08 12:42:21
阅读次数：
99
物体运动原理：通过改变物体的位置，而发生移动变化。 方法： 1.运动的物体使用绝对定位 2.通过改变定位物体的属性（left、right、top、bottom）值来使物体移动。例如向右或左移动可以使用offsetLeft（offsetRight）来控制左右移动。 步骤： ...
分类：
Web程序 时间：
2015-07-05 14:58:24
阅读次数：
226
负边距布局负边距布局三列布局：centerleftright绝对定位元素等高布局123234345456467三列布局：centerleftright绝对定位元素等高布局123234345456467
分类：
Web程序 时间：
2015-07-02 23:55:56
阅读次数：
236
【position:absolute】意思是：他的意思是绝对定位，他默认参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，有以下属性：1)如果没有TRBL，以父级的左上角，在没有父级的时候，他是参照浏览器左上角,如果在没有父级元素的情况下，存在文本，则以...
分类：
Web程序 时间：
2015-07-02 15:30:23
阅读次数：
468
最终效果图：基本原理先设定一个背景色的普通div盒子，然后使用上篇post得到的三角型图标，把div盒子设置为相对定位模式，三角型图标设置为绝对定位，位置相对于div盒子，调整到合适的位置。这样就得到一个基本的tooltip，但是没有边框看起来总是不舒服，我们可以给div盒子设置一个边框，这没什么难...
分类：
Web程序 时间：
2015-07-02 11:47:50
阅读次数：
111
