position

SQL*Loader实验笔记【三】

落爺英雄遲暮 提交于 2019-12-17 04:51:58
所有SQL*Loader实验笔记 实验案例总结(1-7): SQL*Loader实验笔记【一】 实验案例总结(8-13): SQL*Loader实验笔记【二】 实验案例总结(14-19): SQL*Loader实验笔记【三】 14)加载excel(csv)中的数据 初始化 CJ@db11g>create table t4 (x int,y varchar2(30),z date); Table created. 保存excel文件为csv格式 数据内容 1,one row,1901-01-01 2,two row,1902-01-01 3,three row,1903-01-01 4,four row,1904-01-01 5,five row,1905-01-01 6,six row,1906-01-01 7,serven row,1907-01-01 8,eight row,1908-01-01 9,nine row,1909-01-01 10,ten row 控制文件 LOAD DATA INFILE 'test.csv' APPEND INTO TABLE t4 FIELDS TERMINATED BY ',' TRAILING NULLCOLS ( x INTEGER EXTERNAL TERMINATED BY ",", y CHAR TERMINATED BY ","

bootstrap4常用样式类名

ぃ、小莉子 提交于 2019-12-17 04:44:10
bootstrap4 常用样式类名 (供自己参考) 1、容器和网格系统 容器 container 固定宽度,不同尺寸固定了不同的宽度 container-fluid 100%宽度 栅格系统 cal-xs//<768px cal-sm //>=768px cal-md //>=992px cal-lg //>=1200px 2、字体颜色及背景颜色 字体 text-muted 柔和 text-primary 重要 text-success 成功 text-info 提示 text-warning 警告 text-danger 危险 text-secondary 副标题 text-dark 深灰色文字 text-light 浅灰色 text-white 白色 背景 bg-primary bg-secondary bg-success bg-danger bg-warning bg-info bg-light bg-dark bg-white 3、边框 增加边框 border //默认:1px solid #dee2e6!important border-top border-left border-right border-bottom 删除边框 border-0 //去除边框或者除去某一边的边框 border-top-0 border-left-0 border-right-0

web前端入门到实战:CSS 3D动画(魔方效果,多重立体图,圆柱效果,齿轮效果)

和自甴很熟 提交于 2019-12-17 04:21:53
本篇文章给大家带来的内容是关于css实现3d动画特效的代码实例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 属性 perspective :透距离,单位像素(值越小,透视距离越近,效果越明显):设置父元素上 perspective-origin: 设置透视点的位置 transform-style :指定某元素的子元素是位于三维空间内,取值:flat | preserve-3d 一、写一个简单的立方体 1.一个长方体有6个面,我们写6个div,并用一个父元素包裹起来。 <div class="mofang"> <div class="box mian1">1</div> <div class="box mian2">2</div> <div class="box mian3">3</div> <div class="box mian4">4</div> <div class="box mian5">5</div> <div class="box mian6">6</div> </div> 2.给.mofang设置宽高,并给他设置视距和透视点位置,preserve-3d属性保留子元素3d转换 .mofang{ width: 100px; height: 100px; position: absolute; top: calc(50% - 50px); left:

vml入门教程

假如想象 提交于 2019-12-17 04:17:49
vml入门教程 什么是vml? VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML,其中的文本和图片可以很容易的转换,但如果是手绘制的图形在以往的IE里面就无法解释了,如果都转换成图形文件又不太现实。于是微软把Word里面的图形控件结合到IE里面,使IE也具备了绘图功能。 VML的全称是Vector Markup Language(矢量可标记语言),矢量的图形,意味着图形可以任意放大缩小而不损失图形的质量,这在制作地图上有很大用途。为了显示它的强大,和增加你学习VML的信心,先给你看看一个VML例子: Hello world! Hello VML! 在VML里面,标记使用的是XML扩张,需要一个namespace(命名空间),你可以使用惯用的“v”作为命名空间,使用IE5.0到IE6.0通用的定义如下: <html xmlns:v="urn:schemas-microsoft-com:vml"> <STYLE> v\:* { Behavior: url(#default#VML) } </STYLE> xmlns 全称就是XML NameSpace 也就是命名空间。Behavior(行为)也是IE5

web前端入门到实战:使用 css3 transform 属性来变换背景图

淺唱寂寞╮ 提交于 2019-12-17 03:49:58
使用 css3 transform 属性可以轻易的旋转,倾斜,缩放任何元素。目前即使没有任何前缀也可以在绝大部分浏览器上很好的使用。 #myelement { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 这个听起来很赞。然而,这个属性旋转了整个元素,包括他的内容、边框、背景图。如果你只是想旋转它的背景图而不选旋转内容的话,应该怎么做呢?或者你只想旋转内容,而不旋转背景图,这个又该怎么做呢? 我们找到一个解决方式。这个方式本质上,是将背景图应用到某个元素的 before 或者 after 这种伪类元素上而不是应用到元素本身。然后在伪类元素独立的使用 transform 属性。 仅仅变换背景 这个元素可以使用任何样式,但一定要设置 position 属性,因为其伪类元素会基于它来定位。如果不想背景撑到元素外,那就要设置 overflow: hidden。 #myelement { position: relative; overflow: hidden; } web前端开发学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法 (从零基础开始到前端项目实战教程,学习工具,职业规划) 现在我们可以创建一个绝对定位的伪类元素来实现变换背景

web前端入门到实战:实现点击按钮后CSS加载效果

和自甴很熟 提交于 2019-12-17 03:47:04
效果演示 先来看一下完成的效果。 实现过程 这个效果其实很容易,先来看一下原本的按钮长相,就只是个div套用CSS而已。 HTML: <div class="btn">click me</div> CSS: .btn{ position:relative; width:200px; height:30px; line-height:30px; text-align:center; border-radius:3px; background:#5ad; color:#fff; cursor:pointer; } 长相就会是这样(就只是很简单的CSS): 那么要怎么在上面盖上动画呢?这时候就要利用CSS的伪元素,在上方盖上一个before伪元素,把动画放在这个伪元素内即可。 CSS: .btn::before{ content:"loading"; position:absolute; width:200px; height:30px; line-height:30px; text-align:center; border-radius:3px; z-index:2; top:0; left:0; color:#fff; text-shadow:rgba(100,0,0,1) 0 0 3px; background:#c00; } web前端开发学习Q-q-u-n: 784783012

相对定位和绝对定位 left和margin-left

送分小仙女□ 提交于 2019-12-17 02:59:34
1.直接在css中设置left生效的前提是必须设置父容器position:absolute或relative,如果不设置则会以最近一个定位的父对象为参考点,。margin-left则不用设position也可以用。 2,通常情况下,我们元素的position属性的值默认为static 就是没有定位,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的, z-index属性 这时也不会有效。 3,对某元素设置了相对定位,它移动后仍占据着原来的空间,不会被其他块填补掉, 它的偏移也不会把别的块从文档流中原来的位置挤开 ,会叠在其他元素之上,可用z-index调。 被设置了绝对定位的元素不占空间,原位置被删除,也可用 z-index来设置它们的堆叠顺序 。 4, 设置为相对定位的元素,会相对于它的起点进行移动。 设置为绝对定位的元素,绝对定位是“相对于”最近的已定位(非static,即relative,absolute或fixed)祖先元素,如果不存在已定位的祖先元素,那么会“相对于”<body>进行定位,例如设置了top:20,right:30,那元素就会离顶部20,离右边界30, ,这里的margin和padding没清零,所以看着top比right大。 5,当两个元素设为relative时,后一个能覆盖到前一个上,前一个不会动。

How to set iPhone UIView z index?

北城余情 提交于 2019-12-17 02:02:31
问题 I want to move one view on top of another, how can I know the z index of the view, and how to move on to top? 回答1: UIView siblings are stacked in the order in which they are added to their superview. The UIView hierarchy methods and properties are there to manage view order. In UIView.h: @property(nonatomic,readonly) UIView *superview; @property(nonatomic,readonly,copy) NSArray *subviews; - (void)removeFromSuperview; - (void)insertSubview:(UIView *)view atIndex:(NSInteger)index; - (void

How to set iPhone UIView z index?

淺唱寂寞╮ 提交于 2019-12-17 02:02:26
问题 I want to move one view on top of another, how can I know the z index of the view, and how to move on to top? 回答1: UIView siblings are stacked in the order in which they are added to their superview. The UIView hierarchy methods and properties are there to manage view order. In UIView.h: @property(nonatomic,readonly) UIView *superview; @property(nonatomic,readonly,copy) NSArray *subviews; - (void)removeFromSuperview; - (void)insertSubview:(UIView *)view atIndex:(NSInteger)index; - (void

CSS pusle雷达动画实现

半世苍凉 提交于 2019-12-16 23:58:47
思路同时改变透明度和圆圈的大小,无限循环 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> @keyframes warn { 0% { transform: scale(0); opacity: 0.0; } 25% { transform: scale(0); opacity: 0.1; } 50% { transform: scale(0.1); opacity: 0.3; } 75% { transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 0.0; } } .container { position: relative; border: 1px solid #000; background: #f55e55; } .part { position: relative; margin: 200px auto; width: 90px; height: 90px; background: #f55e55; } /* 产生动画(向外扩散变大)的圆圈 */ .pulse-max