yaodilu-CSDN博客

转载纯CSS手风琴效果

主体代码如下：1 html>2 head>3 metacharset="utf-8">4 title>海贼王悬赏令title>5 linkrel="stylesheet" type="text/css" href="style.css">6

2015-05-22 11:09:51 481

原创 HTML之Position用法

position的四个属性值：1.relative2.absolute3.fixed4.static下面分别讲述这四个属性。 sub1 sub21. relativerelative属性相对比较简单，我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。在上面的代码中，sub1和sub2是同级关系，如果设定sub1一

2015-05-07 20:43:18 411

原创 CSS :hover 伪类

:hover -- CSS :hover 伪类，适用于光标（鼠标指针）指向一个元素，但此元素未被激活时的样式语法: :hoverCSS版本：CSS2引用网址：http://www.dreamdu.com/css/pseudo-class_hover/说明：适用于光标（鼠标指针）指向一个元素，但此元素未被激活时客户端（浏览器）可以根据用户与其交互的动作改变其渲染效果，CSS为这种

2015-05-07 20:39:55 791

原创 Margin、Border、Padding属性的区别和联系

你对DIV+CSS中Margin属性、Border属性、Padding属性的区别和联系是否了解，这里和大家分享一下，希望本文介绍对你有所帮助。Margin属性、Border属性、Padding属性三者的联系与区别三个元素的含义：Margin属性检索或设置对象四边的外延边距。如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。如果只提供一个，将用于全部的四边。

2015-04-27 21:05:06 962 1

原创 float属性：定义元素朝哪个方向浮动。

1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。而此浮动元素在文档流空出的位置，由后续的(非浮动)元素填充上去：块级元素直接填充上

2015-04-27 20:57:02 2014

转载 CSS3 莲花盛开动画

See the Pen CSS3 Lotus by haiqing wang (@whqet) onCodePen.大家先来看看效果，纯CSS3实现，为了简化问题，使用LESS和prefix free。下面来开工，先看html[html] view plaincopyprint?header id="header">

2015-04-19 20:48:42 639

转载 CSS文字条纹阴影动画

See the Pen shadow text by haiqing wang (@whqet) onCodePen.今天给大家推荐个动画条纹阴影效果，效果如下图所示。好的，让我们开工吧，首先是so easy的html。[html] view plaincopyprint? data-text属性用来指定阴

2015-04-19 20:47:24 448

转载 CSS制作斜角上有背景图片的Div层

CSS制作斜角上有背景图片的Div层.window{width:400px;border:1px solid #B6B6C0; position:relative; }.title{background:#F0F0F2;height:30px; border-bottom:1px solid #CBCFD2; font-size:14px;line-

2015-04-19 20:44:50 729

原创 html表格边框

对于很多初学HTML的人来说，表格是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。一般我们用表格的时候总会给它个border属性，比如：，其效果如下：IDNAMEGENDER1001mikemale可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，大家看到的宽应该是之间有间隙所致。因此只需要修改

2015-03-30 10:32:32 837

转载图片热点链接

怎么在一个图片中做多个链接呢？热点链接可以帮你解决。这种效果的实质是把一幅图片划分为不同的热点区域，再让不同的区域进行超链接。要完成地图区域超链接要用到三种标签：。【1】shape -- 定义热点形状shape=rect：矩形shape=circle：圆形shape=poly：多边形【2】coords -- 定义区域点的坐标a.矩形：必须使用

2015-03-30 10:30:52 704

转载 HTML table

colspan表示该一储存格向右打通的栏数。 rowspan表示该一储存格向下打通的栏数。colspan是表示横向合并单元格，colspan=“3”表示水平合并三个tdrowspan是表示竖直合并单元格，rowspan=“2” 表示竖直合并两个td源代码：这是一个表格第一个第二个第三个第四个第五个第八个第六

2015-03-29 21:47:29 759

原创 html 表格

1. 标题和内容描述表格的标题用caption标签表示，它会自动出现在整张表格的上方。除了标题以外，对内容的更长描述可以写在table标签的summary属性中。代码示例（为了便于阅读，tr、th、td省略关闭标签）：　　summary="this table gives some statistics about fruit　　 flies: av

2015-03-29 21:45:22 395

转载 Android ocr识别文字介绍

最近在做身份证号码识别，在网上搜索的一番后发现目前开源的OCR中tesseract-ocr算是比较强大的了，它由HP于1985年到1995年间开发，后来由google直接负责，经过谷歌进一步开发后，目前的tesseract-ocr有了显著的改进。tesseract-ocr和Leptonica图像库一起工作，它可以读取多种图像格式，并将其转换成超过60种语言的文本。可以工作在Linux，Wi

2015-03-25 09:42:02 712

转载 java学习——品尝OO的味道（一）

一、OO三大特性 1、封装（1）概念首先说一下封装是什么。很简单，封装就是就是多合一，不是多个东西变为一个东西，而是将多个东西放进一个盒子内。（2）作用封装，可以让我们的生活变得更轻松，因为我们把多个东西看作一个东西来用，就可以将复杂的东西变得简单。这样，极大的提高了我们处理事情的效率，方便了我们的

2015-03-25 09:40:59 497

原创 sublime Emmet的用法及相关语法

一、生成 HTML 文档初始结构HTML 文档的初始结构，就是包括 doctype、html、head、body 以及 meta 等内容。你只需要输入一个 “!” 就可以生成一个 HTML5 的标准文档初始结构，你没有看错，输入一个感叹号（当然是英文符号），然后摁下 ctrl+E 键，就会发现生成了下面的结构： lang="en"> charset="UTF-8">

2015-03-25 09:31:19 381

转载 Android省电开发浅析

一．Android省电开发之性能优化我之前博客有在总结，just a little，http://blog.csdn.net/wtyvhreal/article/details/44172125二．Android省电开发之CPU降频众所周知，在android系统的耗电量排行里，cpu的耗电占了比较大的一部分比例，也就是说

2015-03-25 08:31:15 434

转载不再与P2P画等号的陆金所有着更大的野心

就在陆金所宣布完成近30亿元首轮融资的第二天，平安集团宣布打通天、地、网资源，整合P2P等普惠金融业务，而陆金所则将彻底转型为金融理财信息服务平台。　　2015年，中国互联网金融行业进入发展的深水区，以P2P业务起家的陆金所为何极力“去P2P化”?平安集团重布棋局之后，陆金所将扮演何种角色?完成首轮融资后的陆金所距离上市还有多远?　　近日，《第一财经日报》独家专访计葵生，详解陆金所的全新布

2015-03-25 08:01:30 1109

事件】日前，微软一名高管证实，未来IE浏览器和所谓的“Spartan浏览器”将会共存，微软将为Spartan浏览器确定一个正式的新名字。微软负责营销的高管卡塞拉（ChrisCapossela）日前在“微软融合”大会上作出上述表态。卡赛拉表示：“我们会继续运营IE浏览器，我们也有了一款新浏览器，内部代号为‘Spartan项目’，我们需要给这款新浏览器确定一个名字。”Spartan浏览器已经对外曝光，

2015-03-25 08:00:29 332

原创乱入之青春

青春是一条有时令的河流，匆忙的流转在生命中，那样短暂，却久久弥香，令人回味一生。或许当年的时光流转，能唤醒韶华深处的泪水：或许，它也在你我心中挑起埋葬已久的那座商城。这样的日子，一个人，一种年华，一篇语录，一渠清河，一份感触...... 一个人会因生命的坎坷而不快、不安，甚至不甘。但从未言弃，就好像划破天际的流星，为满载星辉的日子勇往直前，让孤独常伴。于是我喜欢上了独坐窗前看日

2015-03-21 19:39:53 602

转载无题

。src="/i/eg_planets.jpg"border="0" usemap="#planetmap"alt="Planets" />shape="circle"coords="180,139,14"href ="/example/html/venus.html"target ="_blank"alt="Venus" />s

2015-03-21 19:20:18 552

转载 hash算法的实现原理，hashcode的实现原理

1. 引言哈希表（Hash Table）的应用近两年才在NOI中出现，作为一种高效的数据结构，它正在竞赛中发挥着越来越重要的作用。哈希表最大的优点，就是把数据的存储和查找消耗的时间大大降低，几乎可以看成是常数时间；而代价仅仅是消耗比较多的内存。然而在当前可利用内存越来越多的情况下，用空间换时间的做法是值得的。另外，编码比较容易也是它的特点之一。哈希表又叫做散

2015-03-18 16:53:37 398

转载什么是HTML

HTML（Hyper Text Mark-up Language ）即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。这样，你只要使用鼠标在某一文档中点取一个图标，Internet就会马

2015-03-17 21:32:16 288

yaodilu的专栏