position | 易学教程

css 定位

阅读更多关于 css 定位

css 定位概念 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。 1，相对定位相对于一个元素的正常位置来对其定位。 2，绝对定位使用绝对值来对元素进行定位。 3，浮动浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。本节知识点练习作业 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{ margin: 0; } div.xddw{ position:relative; bottom: 27px; } a.cdl{ font-size: 14px; text-decoration: none; margin-left: 5px; margin-top: 3px; margin-bottom: 3px; color: darkgrey; } a.xddw2{ font-size: 16px; color: black; position: relative; top: 54px; text

Fragment简介及使用

阅读更多关于 Fragment简介及使用

概述 Fragment是 Android 3.0（API 11）引入的一种设计，用于大屏幕的设备。 Fragment依托于Activity，受宿主Activity生命周期的影响。但它也有自己的生命周期。 Fragment可重复使用，一个Activity可以有多个Fragment。一个Fragment可以被多个Acitivy使用。 Fragment在Acitivity运行时可以动态的加载或删除。在不同分辨率设备或者横竖屏时调用对应的Fragment布局就能很好的实现设备的适配，提升用户体验。注： AndroidX出来后，使用的Fragment库就在androidx中，下面的例子都是androidx的。 Fragment添加到Activity，一种通过<fragment>元素插入到布局中，另一种通过代码插入到布局中的<FrameLayout>。下面的例子就包含这两种。 savedInstanceState这个参数在很多时候是很有用的，在例子中的AnimeDetailFragment中简单的演示了它的使用。注意不同的设备适配合适的布局，能够很好的提升用户体验。生命周期如图，比较详细，稍微了解点或者熟悉Activity的都能直接看懂，下面例子中也通过log大致显示了这一过程。基本使用先看下例子的效果，这个例子只有一个Activity 和两个Fragment组成：上述效果

NIO中Buffer缓冲区的实现

阅读更多关于 NIO中Buffer缓冲区的实现

Buffer 缓冲区 Java的NIO中Buffer至关重要：buffer是读写的中介，主要和NIO的通道交互。数据是通过通道读入缓冲区和从缓冲区写入通道的。其实缓冲区buffer的本质就是一块可以读写的内存块。这块内存块被包装成NIO的Buffer对象，并提供了一组方法方便读写。 3.1 Buffer的基本用法：使用Buffer读写数据一般是下面步骤： 1. 写入数据到Buffer 2. 调用flip()方法：Buffer从写模式切换到读模式。 3. 从buffer读取数据 4. 调用clear()方法或则compact()方法。当向buffer写入数据时，buffer会记录下写了多少数据。一旦要读取数据，需要通过flip()方法将Buffer从写模式切换到读模式。在读模式下，可以读取之前写入到buffer的所有数据。一旦读完了所有的数据，就需要清空缓冲区，让它可以再次被写入。有两种方式能清空缓冲区：调用clear()或compact()方法。clear()方法会清空整个缓冲区。compact()方法只会清除已经读过的数据。任何未读的数据都被移到缓冲区的起始处，新写入的数据将放到缓冲区未读数据的后面。下面是一个简单的示例： 1 RandomAccessFile aFile = new RandomAccessFile("data/nio-data.txt", "rw")

一、介绍UDL2的代码解析

阅读更多关于一、介绍UDL2的代码解析

目录 Introduction to UDL 2 code parser Introduction to UDL 1.0 internal logic Introduction to UDL 2.1 internal logic Complete list of “backwards” and “forwards” keywords More on “forward” and “backward” detection logic Backward search example: 原文地址 Introduction to UDL 2 code parser 一、介绍UDL2的代码解析 This section explains what “ backward ” and “ forward ” search is. Users should understand this part before proceeding to read about other UDL 2.1 features. Introduction to UDL 1.0 internal logic In this picture you can see a set of three keywords. How did UDL 1.0 recognized each one? The simplest

android3.0 widget

阅读更多关于 android3.0 widget

本文翻译整理自： http://developer.android.com/guide/topics/appwidgets/index.html#preview 前言在Android3.0中，增加了大量的APP Widgets功能,在本文中将详细介绍它们。一，设置预览图片在Android 3.0版本中，增加了 previewImage 属性，它用于指明 App Widget的预览图片，它将在用户选中该App Widget的图标，打算添加该App Widget时，进行显示，以便用户了解该App Widget的界面。如果没提供预览图标的话，显示的将是你的App Widget的启动图标。该属性和AndroidManifest.xml中的<receiver>元素的android:previewImage的属性一致。你可以在XML定义该属性，如示例1 示例1： <appwidget-provider xmlns:android = "http://schemas.android.com/apk/res/android" ... android:previewImage = "@drawable/preview" > </appwidget-provider> Android emulator提供了一个叫做"Widget Preview"的APK应用程序，以便创建你的App

关于CSS设置页面背景图的一些疑问

阅读更多关于关于CSS设置页面背景图的一些疑问

关于背景图片的位置其background-position设置背景图片的位置有两种方式，一种是是根据像素设置，第二种根据百分比设置，第一种根据像素的位置是很简单的，只是关于百分比这个设置理解特别容易出现偏差的，先看看一段简单的代码: .bg-position { background : url(../../public/images/404.jpg) no-repeat ; margin-top : 100px ; margin-left : 100px ; background-color : #ccc ; height : 500px ; width : 800px ; background-position : 100px 100px ; } 这种情况是可以预见的，如下所示: 网上看了一篇文章说是background-position是依赖于no-repeat的，在repeat的状态下和默认的状态下（默认即为repeat）,background-position是不起作用的，因此自己尝试了一把，看了一下效果: 代码中去掉了no-repeat，同样是可以展示，以前repeat的时候没有注意和background-position结合一起，不过现在发现设置background-position之后，我们不断的调整垂直方向的距离

html&css 机器猫的实现

阅读更多关于 html&css 机器猫的实现

新手小白写的机器猫，效果图如下： html代码： <!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1.0" > <meta http-equiv= "X-UA-Compatible" content= "ie=edge" > <title>哆啦A梦</title> <link rel= "stylesheet" href= "./css/demo.css" > </head> <body> <div class= "box" >  <header>  <div class= "face" >  <div class= "eye1" >  <div class= "eyeball" ></div> </div>  <div class= "eye2" >  <div class= "eyeball" ></div> </div>  <div class= "nose" > <div></div> </div> <

C# ~ 从 IEnumerable / IEnumerator 到 IEnumerable<T> / IEnumerator<T> 到 yield

阅读更多关于 C# ~ 从 IEnumerable / IEnumerator 到 IEnumerable / IEnumerator 到 yield

IEnumerable / IEnumerator 首先，IEnumerable / IEnumerator 接口定义如下： public interface IEnumerable /// 可枚举接口 { IEnumerator GetEnumerator(); } public interface IEnumerator /// 枚举器接口 { object Current { get; } bool MoveNext(); void Reset(); } 注：Current 没有 set 方法，在 foreach 中不能修改元素 var item 的值。 IEnumerable：声明式的接口，声明实现了该接口的类是可枚举类型； IEnumerator：实现式的接口，IEnumerator 对象说明如何实现一个枚举器；通过继承 IEnumerable / IEnumerator 接口实现自定义类使用 foreach 语句来遍历自身元素。逻辑关系图： People <-> MyClass 实现 IEnumerable 接口的 GetEnumerator()方法 EnumeratorPeople <-> MyEnumerator 实现 IEnumerator 接口定义Person类 public class Person { 　private string name;

深入了解absolute

阅读更多关于深入了解absolute

1.absolute与float的相同的特性表现 a.包裹性 b.破坏性:父元素没有设置高或宽，父元素的高或宽取决于这个元素的内容 c.不能同时存在 2.absolute独立使用，不与relative合用 * 超越overflow，无论是滚动还是隐藏案例： html <div class="scroll"> <a href="javascript:;" class="close" title="关闭"></a> <img src="1.jpg"> <img src="2.jpg"> </div> css .scroll { width: 500px; height: 300px; margin: 200px auto 0; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.35); background-color: #fff; overflow: auto; } .close { position: absolute; width: 34px; height: 34px; margin: -17px 0 0 483px; background: url(images/close.png) no-repeat; } img { display: block; margin:

iOS开发UI篇—CAlayer层的属性

阅读更多关于 iOS开发UI篇—CAlayer层的属性

i OS开发UI篇—CAlayer层的属性 iOS开发UI篇—CAlayer层的属性一、position和anchorPoint 1.简单介绍 CALayer有2个非常重要的属性：position和anchorPoint @property CGPoint position; 用来设置CALayer在父层中的位置以父层的左上角为原点(0, 0) @property CGPoint anchorPoint; 称为“定位点”、“锚点” 决定着CALayer身上的哪个点会在position属性所指的位置以自己的左上角为原点(0, 0) 它的x、y取值范围都是0~1，默认值为（0.5, 0.5） 2.图示 anchorPoint 它的取值为0~1 红色图层的anchorPoint为（0，0）红色图层的anchorPoint为（0.5，0.5）红色图层的anchorPoint为（1，1）红色图层的anchorPoint为（0.5，0） position和anchorPoint 添加一个红色图层到绿色图层上，红色图层显示到什么位置，由position属性决定假设红色图层的position是（100，100）　　到底把红色图层的哪个点移动到（100，100）的坐标位置，锚点。　　红色图层的锚点是（0，0）红色图层的锚点是（0.5，0.5）红色图层的锚点是（1，1）

订阅 position