技术改变世界 阅读塑造人生! - shaogx.com

This string was altered by TechBlog\Plugins\Example.; This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some responsive-range viewport sizes to see it in action.

Setting up a Device for Development

Setting up a Device for Development With an Android-powered device, you can develop and debug your Android applications just as you would on the emulator. There are just a few things to do before you can start.... 全文

line-height style padding-bottom padding-right px padding-left

Padding Oracle攻击实例分析(1)

在《2010年扬名的十大WEB黑客技术》和《浅谈ASP.NET的Padding Oracle攻击》中,我们都提到了Padding Oracle Attack的相关内容,也对其进行了一些简单的了解。接下来,通过这篇译文,我们再来对其进行一下深入的学习吧。... 全文

Padding Oracle PadBuster

css中padding、margin属性的区别和详解

本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键. 注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词语; 原因二: 即使有这样的词语, 由于在编写css代码时, 必须使用margin和padding, 如果我们总用汉语词语代替其来解释的话, 到了实际应用时容易混淆margin和padding的概念.如果有一点Html基础的话, 就应该了解一些基本元素(Element), 如p, h1~h6, br, div, li, ul, img等. 如果将这些元素细分, 又可以分别归为顶级(top-level)元素,块级(block-level) 元素和内联(inline)元素. 1. Block-level element: 指能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔. 常用的块级元素包括: p, h1~h6, div, ul等;2. Inline element: 指依附其他块级元素存在, 紧接于被联元素之间显示, 而不换行. 常用的内联元素包括: img, span, li, br等;3. Top-level element: 包括html, body, frameset, 表现如Block-level element, 属于高级块级元素.块级元素是构成一个html的主要和关键元素, 而任意一个块级元素均可以用Box model来解释说明.Box Model: 任意一个块级元素均由content(内容), padding, background(包括背景颜色和图片), border(边框), margin五个部分组成. 立体图如下(Fig. 1):该立体图引自:http://www.hicksdesign.co.uk/ (Under the Creative Commons License)平面图如下(Fig. 2):根据以上两图, 相信大家对于Box model会有个直观的认识.以下说明margin和padding属性:1. Margin: 包括margin-top, margin-right, margin-bottom, margin-left, 控制块级元素之间的距离, 它们是透明不可见的, 对于Fig. 2所示的上右下左margin值均为40px, 因此代码为:margin-top: 40px;margin-right: 40px;margin-bottom: 40px;margin-left: 40px;根据上, 右, 下, 左的顺时针规则, 简写为margin: 40px 40px 40px 40px;为便于记忆, 请参考下图:当上下, 左右margin值分别一致, 可简写为:margin: 40px 40px;前一个40px代表上下margin值, 后一个40px代表左右margin值. 当上下左右margin值均一致, 可简写为:margin: 40px;2. Padding: 包括padding-top, padding-right, padding-bottom, padding-left, 控制块级元素内部, content与border之间的距离, 其代码, 简写请参考margin属性的写法.至此, 我们已经基本了解margin和padding属性的基本用法. 但是, 在实际应用中, 却总是发生一些让你琢磨不透的事, 而它们又或多或少的与margin有关. 注: 当你想让两个元素的content在垂直方向(vertically)分隔时, 既可以选择padding-top/bottom, 也可以选择margin-top/bottom, 再此Jorux建议你尽量使用padding-top/bottom来达到你的目的, 这是因为css中存在Collapsing margins(折叠的margins)的现象.Collapsing margins: margins折叠现象只存在于临近或有从属关系的元素, 垂直方向的margin中. 文字说明可能让人费解, 下面用一个例子说明margin-collapsing现象.例: 在html文件的<body></body>之间写入如下代码:<div id=”ID1″><h1 id=”ID2″>Margins of ID1 and ID2 collapse vertically.<br/>元素ID1与ID2的margins在垂直方向折叠.</h1></div>在与其外联的css文件中写入:* {padding:0;margin:0;}#ID1 {background-color: #333;color: #FFF;margin-top: 10px;margin-bottom: 10px;}#ID2 {font: normal 14px/1.5 Verdana, sans-serif;margin-top: 30px;margin-bottom: 30px;border: 1px solid #F00;}代码解释:1. 在html写入的代码表示, 在html中插入id分别为ID1和ID2的两个块级元素div, h1;2. *{padding:0; margin:0;}: 使浏览器默认的元素padding和margin值均归零;3. #ID1{…}: 使id为ID1的元素div的背景颜色为#333, 字体颜色为#FFF, margin-top/bottom为10px;4. #ID2{…}: 使id为ID2的元素h1的字体大小为14px, verdana字体, 行高为字体高的150%, 正常粗细. margin-top/bottom为30px, 边框为1px宽, 红色实线.依据以上解释, 我们应该得到如下效果(Fig. 3):即ID1的margin-top/bottom=ab=ef=10px;ID2的margin-top/bottom=bc=de=30px;但用浏览器打开html文件, 却得到Example4的 效果, 如下图(Fig. 4):即ab=cd=30px, ID1的margin-top/bottom=10px被折叠了, 而且ID1应有的margin黑色背景也一同被折叠消失了.为什么会折叠: 造成以上现象的原因是, 我们在css中并没有声明id为ID1的元素div的height(高), 因此它的高便被设为auto(自动)了. 一旦其值被设为auto, 那么浏览器就会认为它的高为子元素ID2的border-top到border-bottom之间的距离, 即Fig. 4中bc的长度, 所以子元素ID2的margin-top/bottom(30px)就伸出到了父元素ID1之外, 出现了Fig. 4中ab与cd之间的空白区域. 因此父元素ID1的margin-top/bottom因子元素的”红杏出墙”而被折叠消失了.如何解决折叠问题: 可能大家最初想到的办法就是根据折叠发生的原因—auto, 来解决问题. 但是, 在实际操作中, 某些元素如div, h1, p等, 我们是不可能预先知道它的高是多少的, 因此在css文件中是不能常规通过声明元素的高来解决折叠问题.我们需要在css文件中加入如下代码(红色部分):#ID1 {background-color: #333;color: #FFF;margin-top: 10px;margin-bottom: 10px;padding-top:1px;padding-bottom:1px;}或是:#ID1 {background-color: #333;color: #FFF;margin-top: 10px;margin-bottom: 10px;border-top:1px solid #333;border-bottom:1px solid #333;}通过增加以上代码, 便可使浏览器重新计算ID1的高, 使其为子元素ID2的margin-top/bottom外缘(outer top/bottom)之间的距离, 即Fig. 3中be的距离.简单说来:也就是说 设置margin 那么他所占据的空白地方会是在边框外面设置padding 他所占据的空白地方是在边框里面而且在IE6 一下的版本中 存在这padding 计算错误的BUGCSS 的宽度属性本来是不包含padding的 但是 在ie下面有的时候宽度是包含padding 所以 建议在不熟悉CSS 在定位的时候 都用margin属性 转自http://leepiao.blog.163.com/blog/static/485031302010427113653/... 全文

CSS margin padding 休闲 职场

Apple swift编程入门教程

啥时候啥时候转自:http://gashero.iteye.com/blog/2075324... 全文

padding-bottom style margin-bottom padding-top margin-top px

HSPA+:LTE拉力赛的赛点

HSPA+:LTE拉力赛的赛点   伴随着全球经济复苏的脚步,现有的无线网络日益难以满足迅速增长的移动数据业务需求,因此全球运营商正大力发展HSPA+,有些运营商已开始引入LTE。据GSA的统计,截至2010年底,全球已签订127个HSPA+商用合同,其中73个已正式商用,还有54个正在部署。LTE的商用合同也逐步增加,预计到2012年全球将有55个LTE网络投入商用。 HSPA+和LTE殊途同归   HSPA+与LTE的关系,好比一场运营商间的拉力赛,HSPA+是比赛中决定胜负的关键赛点,而LTE则是一个阶段性的终点。那么,在GSM/WCDMA/LTE“你正唱酣我登场”的长途拉力赛局面下,运营商如何把握整体节奏并获得胜利?... 全文

px padding-bottom LTE line-height padding-top 网络

OpenWrt驱动OLED(SSD1306)过程记录

用ralink自带的I2C驱动,i2cdetect不能检测到任何设备,用示波器观察不到SCLK脚的波形。可能I2C的硬件驱动有问题,这个问题留待以后解决。 先用i2c-gpio-custom测试:insmod i2c-devinsmod i2c-gpio-custom bus0=0,1,2用i2cdetect 0,可以在0x3c检测到ssd1306,。 在user space控制I2C的时候,需要注意一些细节:1.可以用open打开I2C设备节点2.对I2C设备进行写操作的时候,先调用ioctl(fd,I2C_SLAVE,_i2caddr);... 全文

none px background-color padding-bottom padding-right border-bottom-style

关于11月28日CSDN遭受网络攻击的情况说明

各位CSDN网友: 2014年11月28日,CSDN网站因遭受网络攻击导致用户无法正常登陆或访问,对此,许多网友通过微博、微信、邮件、QQ等多种方式,对我们表示了极大的关注。经过技术人员的努力,在遭受攻击16个小时之后,CSDN各项服务恢复正常。 在此,我们向大家对CSDN的关心表示衷心的感谢,同时将情况向大家做简要说明。... 全文

px padding-bottom margin-bottom font-family line-height padding-top

android:gravity / android:layout_Gravity,android:padding / android:layout_margin属性区分

android:gravity / android:layout_Gravity区别: android:gravity 是设置该view里面的内容相对于该view的位置,例如设置button里面的text相对于view的靠左,居中等位置。android:layout_gravity 是用来设置该view相对与父view 的位置,例如设置button在layout里面的相对位置:屏幕居中,水平居中等。在实践中,发现有时会同时使用android:gravity和 android:layout_Gravity: <TextView        android:        android:gravity="center"         // 设置文字在TextView的居中位置        android:visibility="invisible"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_gravity="center" // 设置TextView位置(FrameLayout):屏幕居中        /> 而Java代码中设置android:gravity是极其简单的,setGravity函数搞定了: //此处相当于布局文件中的Android:gravity属性    button.setGravity(Gravity.CENTER); 但设置android:layout_margin就麻烦些:FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(           LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT);//此处相当于布局文件中的Android:layout_gravity属性    lp.gravity = Gravity.CENTER;mTextDisplayed.setLayoutParams(lp);android:padding / android:layout_margin区别:android:padding 是指该view里面的内容与view边界的距离,例如TextView里面的文字离TextView控件边界的数值;android:layout_margin 是指该view于父view边界的距离,例如SeekBar与父view的四周边界。... 全文

Android gravity layout_Gravity padding layout_margin

android:padding 与 android:margin的区别

android:padding    Padding 为内边框,指该控件内部内容,如文本/图片距离该控件的边距 android:margin   Margin 为外边框,指该控件距离边父控件的边距... 全文

2010年扬名的十大WEB黑客技术

【51CTO 1月26日外电头条】在由一个专家小组公开投票选出的2010年网络黑客技术名单中,在线网上银行交易威胁成为黑客技术中的年度头号杀手。该技术被称之为Padding Oracle加密技术,黑客则是利用了微软的网络架构ASP.NET保护AES加密cookie的原理。... 全文

攻击 黑客技术 Padding Oracle Evercookie

聪明的中国人

人的体力差别和脑力差别不是在一个数量级,这是由生理特点决定的,一个跑的最快的人和一个只有平均速度的人相比,不会超过一倍,但是一个最聪明的人和一个有着平均智力的人相比,差别就会有十倍甚至几十倍。在越是困难的题目面前,人的智力差别就越明显。让一个一流的人和一个三流的人一同来解决一个三流的问题,结果不会有很大的差别,但我们若能提一个一流的难题,那么一流的人仍将所向披靡,而三流的人则会一筹莫展,所以,如果我们周围有哪一个杰出的人变得平庸起来,最有可能的情形是,他没有机会面对一个一流的问题。都说毁灭一个民族先要消灭它的语言,我说,击败一个国家,先要摧毁它的教育。当一个国家的教育不能够培养出优秀的人才,甚至是把天才培养成庸才,那么这个国家的失败就是必然。放眼当今之中国,在国内很平常的人出国之后,都会大有作为,要么在学术上,要么在科技上,总之在国内毫无施展的机会,出国之后就如鱼得水。样样优秀。而我们都是应试教育下的失败者,并不是我们不够优秀,而是我们不适合应试教育这种模式而已,中国人的基础知识扎实程度世界第一,但是为什么没有能够培养出来世界一流的数学家、文学家、物理学家、化学家等等...美国人的高中水平只相当于中国的初中水平,但是美国人在大学里面自由发展,每个人都能够找到一个适合自己的研究方向,所以他们后来居上。引领了世界科学技术的潮流也就是必然。为什么如今的贪腐如此严重,想想吧,gcd接收的都是学习优异的好孩子,却还是避免不了贪腐,现在还有几个人能把共产主义当做一种信仰来对待。教育,归根到底是要将学生培养成人,然后才是才,而中国的教育,是把人培养成应试的奇才,却并不能培养成人,所以一个奇才在成为高官之后,却没有一个健全的人格。没有一个为人民谋利益的理念,更没有一个视自己为人民公仆的意识,所以就把自己放在了统治者的位置,任意践踏人民的尊严与权力。外国的大学注重独立人格的培养,关于什么是独立人格,说蠢一点就是把你培养成一个正常的完整的人。郎教授说中国zf完成不了的事,一般都是由国家统计局来完成,比如wen爷爷曾说今年要把CPI控制在5%以内,果然几个月之后,国家统计局公布数字CPI增幅是4.9%,多么精确的数字啊,现在的数字游戏都被国家统计局玩的滚瓜烂熟了,造假就像一日三餐一样,习以为常。所以以后国家统计局公布的资料已经没有什么参考的价值了。另外一个已经淡出我们视线的是基尼系数,估计有很多人都不知道这个系数是干嘛的?基尼系数就是一个国家贫富分化的衡量指数,一般国际上规定超过4.0就是属于贫富差距很大了。而中国的基尼系数,国家统计局已经有n年之久没有公布了。估计已经超过6.0了吧。现在国家的95%的财富集中在5%的人手里,而这5%的人中已经有四分之一已经移民,剩下的四分之三正在移民或者已经有移民的打算了。当他们成功变成外国人之后,中国的95%的财富也就是别的国家的了,多的就不说了,大家自己可以想想,几十年来的改革开放,污染了环境,浪费了资源,消耗了人力物力...原来却是为别人做嫁衣啊。最可恨的是某些利益熏心的人将无价的稀土贱卖至世界各地。其他如果尚能容忍的话,这个是最不能容忍的了。因为稀土是比黄金还珍贵的不可再生资源,并且是国家战略资源,中国的稀土储量占世界三分之一,出口却占世界90%以上。希望大家能多多关注,等到中国的稀土卖完的时候,美国根本不需要出手,就已经击败zg。请看http://baike.baidu.com/view/89624.htm... 全文

style span px padding 22.399999618530273 margin

搭建Qt界面的OpenCV开发环境

OpenCV包含了大量的机器视觉处理算法,虽然也提供了highgui的界面功能,但实在有限(也就是一个窗口,加一些使用像素进行绘图的方法),与用户交互相关的功能极少(比如有Trackbar),貌似连个可视化的用户接口的button也没见过,而Qt正好能弥补OpenCV在这些方面的不足:通过OpenCV完成底层算法,用Qt完成上层的应用接口,哇咔,这不是完美组合么!本文原来的初衷是想通过Qt开发来实战练练C++,现在看来是要Qt与OpenCV一起搞了。这篇文章就是安装Qt及在Qt中配置OpenCV的开发环境。安装Qt存在的一个普遍的问题是:低版本的gcc可能无法编译高版本的Qt。我参照了博客园中的一篇博客 ,搭配使用Qt4.8.6+QtCreator2.6.1+gcc4.9.2,这些软件的下载链接依次是:... 全文

padding style px margin span rgb

OpenCV图像处理篇之采样金字塔

转载请注明出处:http://xiahouzuoxin.github.io/notes图像金字塔图像金字塔是通过将原始图像经过平滑、下采样所生成一系列具有不同分辨率的图像的集合。金字塔结构(Pyramid)适于多分辨率处理的一种图像存储数据结构。... 全文

span padding style px margin

OpenCV图像处理篇之图像平滑

图像平滑算法图像平滑与图像模糊是同一概念,主要用于图像的去噪。平滑要使用滤波器,为不改变图像的相位信息,一般使用线性滤波器,其统一形式如下:其中h称为滤波器的核函数,说白了就是权值。不同的核函数代表不同的滤波器,有不同的用途。在图像处理中,常见的滤波器包括:归一化滤波器(Homogeneous blur)也是均值滤波器,用输出像素点核窗口内的像素均值代替输出点像素值。高斯滤波器(Guassian blur)... 全文

span padding style margin px class

基于谱减法的声音去噪

转载请注明出处: http://xiahouzuoxin.github.io/notes/谱减法模型实际听觉环境中,肯定是含有噪声的,那掺杂有噪声的声音信号中原声音信号和噪声信号是如何体现的呢?一种普遍被使用的方法是:采集到的声音信号永远都是原信号与噪声信号的叠加,即... 全文

px style padding 信号 margin span

Kalman滤波器从原理到实现

转载请注明出处:http://xiahouzuoxin.github.io/notesKalman滤波器的历史渊源We are like dwarfs on the shoulders of giants, by whose grace we see farther than they. Our study of the works of the ancients enables us to give fresh life to their finer ideas, and rescue them from time’s oblivion and man’s neglect.... 全文

span padding style px margin class

OpenCV图像处理篇之Hough变换

图像空间到参数空间的转换对于图像中共线的点集{(x0,y0), (x1,y1), ...}都经过直线y=kx+b,先在我们换一个说法,“斜率为k,截距为b的直线y=kx+b包含了所有在该直线上的点”。一种强调的是图像中的点集,另一种强调的是直线的参数k和b,通过直线的点集去描述这条直线明显没有直接通过k,b两个参数去描述那样直接方便。而Hough变换就是将我们“点共线”的思维转化到参数空间{k,b}进行描述,图像空间中所有经过y=kx+b的点经过Hough变换后在参数空间都会相交于点(k,b),这样,通过Hough变换,就可以将图像空间中直线的检测转化为参数空间中对点的检测。我们不妨将y=kx+b进行一下变形:... 全文

span padding style margin px class

非常有用的站点

声明下,这些是我认为对未来学习专业知识有帮助的地方。1.VisuAlgo   可视化算法工具2.jcodecraeer   各种开源代码,比较好的一点是左侧有Git演示效果,贡献者辛苦了! VisuAlgo是由Steven Halim博士在2011年发布的一款可视化学习算法的工具,用于帮助其学生更好地理解数据结构和算法,可以让学生按自己的步骤来学习。... 全文

算法 px style padding-bottom margin-bottom color

OpenCV图像处理篇之腐蚀与膨胀

转载请注明出处:http://xiahouzuoxin.github.io/notes腐蚀与膨胀腐蚀和膨胀是图像的形态学处理中最基本的操作,之后遇见的开操作和闭操作都是腐蚀和膨胀操作的结合运算。腐蚀和膨胀的应用非常广泛,而且效果还很好:... 全文

span padding style px margin class

OpenCV图像处理篇之阈值操作函数

阈值操作类型这5种阈值操作类型保留opencv tutorials中的英文名称,依次为:Threshold Binary:即二值化,将大于阈值的灰度值设为最大灰度值,小于阈值的值设为0。Threshold Binary, Inverted:将大于阈值的灰度值设为0,大于阈值的值设为最大灰度值。Truncate:将大于阈值的灰度值设为阈值,小于阈值的值保持不变。Threshold to Zero:将小于阈值的灰度值设为0,大于阈值的值保持不变。Threshold to Zero, Inverted:将大于阈值的灰度值设为0,小于阈值的值保持不变。OpenCV提供了threshold函数专门用于阈值操作,其实实现起来很简单,为什么非得调用函数呢?一是熟悉了调用函数很方便,如果一行代码能搞定的事为什么非得用几个循环呢?二是对于新手,自己实现未必敢保证运行效率上未必能达到opencv那样好。... 全文

span padding margin style px color

1 2 3