概念了解： div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。 与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。 使用 display 属性改变生成的框的类型。 这意味着，通过将 display 属性设 ...
分类：
Web程序 时间：
2020-02-03 20:53:48
阅读次数：
374
原文:CSS动效集锦，视觉魔法的碰撞与融合（三）目录扇形DIV的使用——实现雷达扫描图DIV环形布局—实现loading圈动画的向量合成—实现抛物线动画无限滚动动画—实现跑马灯效果perspective和transform的运用——实现卡片翻转 正文 本文讲述的原理和相关demo 扇形DIV的使用—... ...
分类：
Web程序 时间：
2020-02-03 15:48:31
阅读次数：
123
关于定位 我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下： relative 生成相对定位元素，元素所占据的文档流的位置不变，元素本身相对文档流的位置进行偏移 absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上 ...
分类：
其他好文 时间：
2020-02-03 09:58:32
阅读次数：
71
今天着重于学习了div+css布局相关的知识: 1.css定位:相对定位(让元素相对于自己原来的位置，进行位置调整),固定定位(页面滚动,位置不变),绝对定位. position:relative; left: 600px; //left为居左600px top: 50px; //top为居顶50p ...
分类：
其他好文 时间：
2020-02-01 21:02:01
阅读次数：
68
想完成如下效果： 代码如下： <div id="header"> <div id="logo"> </div> <div id="note"> <p>右下角的内容</p> </div> </div> css代码： #header { height: 100px; width: 1600px; bac ...
分类：
其他好文 时间：
2020-01-30 14:23:11
阅读次数：
80
一、属性列表 二、常用属性 三、一些特殊效果 四、定位和控制 绝对定位和相对定位 （position） 绝对定位： 定位属性将是网虫们打开幸福之门的钥匙： H4 { position: absolute; left: 100px; top: 43px } 这项CSS规则让浏览器将的起始位置精确地定在 ...
分类：
其他好文 时间：
2020-01-27 17:04:10
阅读次数：
59
绝对定位居中 Absolute Centering <div class="Container"> <div class="Absolute-Center"> </div> </div> .Container { position: relative; } .Absolute-Center { po ...
分类：
Web程序 时间：
2020-01-18 21:09:06
阅读次数：
117
前言 近期遇到一个问题——"position:relative"到底会不会导致元素脱离文档流？主流观点是不会，但都给不出一个有说服力的论据。最后我自己佐证了一番，总算有了个结果："position:relative"不会导致元素脱离文档流。 博文地址：CSS中"position:relative"属 ...
分类：
Web程序 时间：
2020-01-18 10:31:08
阅读次数：
110
css定位 position 相对定位:relative 作用：相对元素原有位置移动指定的距离(相对的自己的原有位置) 可以使用top,left,right,bottom来进行设置。 *注意：其他元素的位置是不改变的。 绝对定位:absolute 作用：可以使用元素参照界面或者相对父元素来进行移动 ...
分类：
Web程序 时间：
2020-01-06 13:11:21
阅读次数：
106
原文:深入学习CSS中如何使用定位 CSS中定位介绍# position属性在英文单词中表示位置的意思，在CSS中主要作用设置元素的定位。 CSS中一共有3种定位如下： 属性值 描述 fixed 设置固定定位。 relative 设置相对定位。 absolute 设置绝对定位。 固定定位实践# 在实... ...
分类：
Web程序 时间：
2020-01-06 09:32:00
阅读次数：
96
