position | 易学教程

Python自动化开发课堂笔记【Day13】 - 前端补充（HTML & CSS）

阅读更多关于 Python自动化开发课堂笔记【Day13】 - 前端补充（HTML & CSS）

伪类 1. anchor伪类：专用于控制链接的显示效果 a:link（没有接触过的链接）,用于定义了链接的常规状态。 a:hover（鼠标放在链接上的状态）,用于产生视觉效果。 a:visited（访问过的链接）,用于阅读文章，能清楚的判断已经访问过的链接。 a:active（在链接上按下鼠标时的状态）,用于表现鼠标按下时的链接状态。伪类选择器 : 伪类指的是标签的不同状态: 　　　　　　 a ==> 点过状态没有点过的状态鼠标悬浮状态激活状态 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */ 格式: 标签:伪类名称{ css代码; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .top{ background-color: rebeccapurple; width: 100px; height: 100px; } .bottom{ background-color: green

div img 垂直居中

阅读更多关于 div img 垂直居中

*/ /*--> */ 内容内容内容 CSS代码: .box { width : 300px ; height : 300px ; text-align : center ; position : relative ; overflow : hidden ; display : table-cell ; vertical-align : middle ; } .box .mid { width : 300px ; position : static ; +position : absolute ; top : 50% ; left : 0 ; text-align : center ; } .box .inner { position : static ; +position : relative ; top : -50% ; vertical-align : middle ; } div class="box" style="border:1px solid blue;"> < div class ="mid" > < div class ="inner" style ="border:1px solid red;" > 内容 < br /> 内容 < br /> 内容 </ div > </ div > </ div > < div class ="box" style =

Android tabLayout+recyclerView实现锚点定位

阅读更多关于 Android tabLayout+recyclerView实现锚点定位

原文链接： https://mp.weixin.qq.com/s/L3o2i3WTmg1ScXEYDS8YCg 在上一篇文章 Android 实现锚点定位中，我们介绍了 tablayout + scrollView 实现的锚点定位，今天我们使用 tablayout + recyclerView 来实现同样的效果。效果图：实现思路实现的思路与上一篇文章是一致的： 1、监听 recyclerView 滑动到的位置， tablayout 切换到对应标签 2、 tablayout 各标签点击， recyclerView 可滑动到对应区域数据模拟数据模拟，使用上一文章的 AnchorView 作为 recyclerView 的每个字view，同时这里对 recyclerView 的最后一个子view的高度进行修改，让其充满屏幕。 private LinearLayoutManager manager; private String[] tabTxt = {"客厅", "卧室", "餐厅", "书房", "阳台", "儿童房"}; //判读是否是recyclerView主动引起的滑动，true- 是，false- 否，由tablayout引起的 private boolean isRecyclerScroll; //记录上一次位置，防止在同一内容块里滑动

HTML 之 CSS

阅读更多关于 HTML 之 CSS

CSS 　　　　　　CSS：CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。一、CSS 的四种引用方式　　1.1 行内式　　　行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 1 <p style="color: slateblue;background-color: black">hello p</p> 　　1.2 嵌入式　　　嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中，不推荐使用。格式如下： 1 <head> 2 <meta charset="UTF-8"> 3 <title>Title</title> 4 5 <style> 6 div{ 7 color: red; 8 background-color: gray; 9 } 10 </style> 11 </head> 　　 1.3 链接式　　　将一个.css文件引入到HTML文件中，强烈推荐使用。 1 <link type="text/css" rel="stylesheet" href="css.css"> 　　　css.css 是一个 CSS 文件，封装了 CSS 代码。　　1.4 导入式　　　将一个独立的

CSS基础知识

阅读更多关于 CSS基础知识

一、基础知识 1.定义 CSS：层叠样式表，定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 2.CSS语法每个CSS样式有两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 3.CSS注释 /*这是注释*/ 4.CSS的几种引入方式（1）行内样式行内式是在标记的style属性中设定CSS样式。 <p style="color: red">Hello world.</p> （2）内部样式嵌入式是将CSS样式集中写在网页的<head></head>标签的<style></style>标签对中。格式如下： <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> （3）外部样式外部样式就是将CSS写在一个单独的文件中，然后在页面进行引入即可。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> 二、CSS选择器 1.基本选择器（1）标签选择器 p {color: "red";} （2）ID选择器 #i1 { background-color: red; } （3）类别选择器

CSS知识速递

阅读更多关于 CSS知识速递

CSS的四种引入方式 1.行内式行内式是在标记的style属性中设定CSS样式，这种方式没有体现出CSS的优势，不推荐使用。 <p style="background-color:red">CONTENT</p> 2.嵌入式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 3 链接式（推荐使用）将一个.css文件引入到HTML文件中，<link>标记写在<head>标记中，体现出css的优势。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> 4.导入式（一般不用）　　将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，<style>标记写在<head>标记中，使用的语法如下： <style type="text/css"> @import"mystyle.css"; 此处要注意.css文件的路径 </style>　　　导入式存在加载问题（在整个网页装载完后再装载CSS文件

web前端基础——CSS

阅读更多关于 web前端基础——CSS

web前端基础——CSS CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 selector { property: value; property: value; ... property: value } 例如 h1 {color:red; font-size:14px;} css的四种引入方式行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 嵌入式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 链接式将一个.css文件引入到HTML文件中 <link href="mystyle.css" rel="stylesheet" type="text/css"/> 导入式将一个独立的

Netty之JavaNIO编程模型介绍01

阅读更多关于 Netty之JavaNIO编程模型介绍01

我们在前面的BIO的基础上我们来继续介绍下NIO的内容一、Java NIO 基本介绍 Java NIO 全称 java non-blocking IO，是指 JDK 提供的新 API。从 JDK1.4 开始，Java 提供了一系列改进的输入/输出的新特性，被统称为 NIO(即 New IO)，是同步非阻塞的 NIO 相关类都被放在 java.nio 包及子包下，并且对原 java.io 包中的很多类进行改写。 NIO 三大核心 Channel-通道 Buffer-缓冲区 Selector-选择器 NIO是面向缓冲区，或者面向块编程的。数据读取到一个它稍后处理的缓冲区，需要时可在缓冲区中前后移动，这就增加了处理过程中的灵活性，使用它可以提供非阻塞式的高伸缩性网络 Java NIO的非阻塞模式，使一个线程从某通道发送请求或者读取数据，但是它仅能得到目前可用的数据，如果目前没有数据可用时，就什么都不会获取，而不是保持线程阻塞，所以直至数据变的可以读取之前，该线程可以继续做其他的事情。非阻塞写也是如此，一个线程请求写入一些数据到某通道，但不需要等待它完全写入，这个线程同时可以去做别的事情。通俗理解：NIO是可以做到用一个线程来处理多个操作的。假设有10000个请求过来,根据实际情况，可以分配50或者100个线程来处理。不像之前的阻塞IO那样

CSS3扑克旋转

阅读更多关于 CSS3扑克旋转

用css3写的一个小demo——鼠标移动带扑克牌，扑克牌旋转铺开！图片和代码在下边铺开的话有点小问题，感兴趣的可以自己改动一下附上源码及图片 <!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>旋转扑克</title> <style> *{ margin: 0; padding: 0; } div.box{ width: 120px; height: 165px; position: relative; margin: 100px auto; /* overflow: hidden; */ } div.box div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: 0 bottom; transition: all .4s ease-in-out; background: url('img/timg.jpg')no-repeat;

How to get mouse position related to desktop in WPF?

阅读更多关于 How to get mouse position related to desktop in WPF?

问题 Problem When you search for such question using google you get a lot of hits but all solutions assume you have at least one window. But my question is just like I phrased it -- not assumptions at all. I can have a window, but I could have zero windows (because I didn't even show one or I just closed the last one). So in short the solution cannot rely on any widget or window -- the only thing is known, is there is a desktop (and app running, but it does not have any windows). So the question

订阅 position