padding

CSS滑动门技术01

由 安稳与你 提交于 2020-02-10 08:44:03
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns=" http://www.w3.org/1999/xhtml "> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS滑动门技术-www.56rr.cn</title> <style type="text/css"> <!-- body,td,th { font-size: 12px; } .Mainbox{ width:760px; margin:5px auto;} .body01{ width:435px; float:left;height:22px;} .menuA2 {} .menuA2 ul{ margin:0; padding:0} .menuA2 li{ float:left; list-style.:none;} .menuA2 .active{ width:87px; padding:6px 0 2px; cursor:pointer; text-align

CSS_03

由 怎甘沉沦 提交于 2020-02-09 17:02:37
五 .框模型 2.外边距的特殊效果 ①外边距合并 两个垂直外边距相遇时，他们将合并成一个。值以最大的为准。 ②关于块级元素，行内元素，行内块的外边距总结 行内元素的特点： 设置宽高无效，宽高根据内容自动撑开 上下垂直外边距无效。可以与其他的行内元素和行内块元素共用一行 块级元素特点： 设置宽高有效。如果不设置宽高，高按内容撑开，宽占父元素宽度的100%。上下外边距有效，独占一行. 行内块的特点：input 设置宽高有效，不设置宽高，自带默认宽高。 上下外边距有效，但是同一行修改一个行内块的垂直外边距，整行都会跟着一起改变位置。可以与其他行内元素和行内块共用一行 ③自带外边距的元素 body h1~h6 p ol ul dl pre 由于不同浏览器对默认的外边距解析可能有差别 所以一般情况下，开发之前，需要把内外边距清空 *{margin:0;padding:0} 或者通过群组选择器来写 blockquote,body,button,dd,dl,dt,fieldset,form, h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol, p,pre,td,textarea,th,ul{margin:0;padding:0} ④外边距溢出 在特殊情况下，为子元素设置外边距，会作用到父元素上 特殊情况： 1.父元素没有上边框 2

像msn那样的message提示

由 浪尽此生 提交于 2020-02-09 08:23:57
（一）页面test.html代码： <HTML> <HEAD> <title>搜保网</title> <script src="popup.js" type="text/javascript"></script> <script language="javascript"> function checkinfo() { // 宽：200，高：120， 标题：搜保网后台消息提示：，消息：后台消息增加,快去看吧 var MSG1 = new CLASS_MSN_MESSAGE("aa",200,120,"搜保网后台消息提示：", "您有1封消息","今天请我吃饭哈"); // 显示提示框 MSG1.rect(null,null,null,screen.height-50); MSG1.speed = 20; MSG1.step = 5; MSG1.show(); } </script> </HEAD> <body MS_POSITIONING="FlowLayout" onload="checkinfo();"> <form id="Form1" method="post" runat="server"> </form> </body> </HTML> （二）popup.js的代码： (注:js代码是参考 小山 老师的，只有小部分修改) /* ** ==================

css经典布局——头尾固定高度中间高度自适应布局

由 那年仲夏 提交于 2020-02-08 22:15:43
转载：穆乙 http://www.cnblogs.com/pigtail/ 相信做过后台管理界面的同学，都非常清楚这个布局。最直观的方式是框架这个我不想多写费话，因为我们的重心不在这里。如果有不了解的同学可以百度、google。这里我不得不吐下槽！！ 百度实在让我这个“粉丝”失望。就目前情况来说，百度已经完全轮为“有钱人排行榜”！再也不顾及用户的搜索需求了，因为主导地位实在是：不可撼动！ 不相信的同学，可以亲身对比下B vs G的搜索结果。别告诉我google如何强大！！ 很久以前，百度的搜索结果更符合目标，因为他更了解中国人的习惯，这是不可争议，现在情况已经完全相反！ 虽然google经常是六脉神剑，但我更欣赏它的搜索结果。吐槽打住!!! 现在开始正式谈论这个经典布局 —— 头尾固定高度中间高度自适应布局 下面说下要求： 1 头部固定高度，宽度100%自适应父容器； 2 底部固定高度，宽度100%自适应父容器； 3 中间是主体部分，自动填满，浏览器可视区域剩余部分，内容超出则中间部分出现流动条； 4 整个内容填满浏览器可视区域，并且不超出此区域！ 先看下效果图： 相信，做过两年前端的同学，拿到这个需求，都有一个感觉——这挺简单的！ 是的，本来就挺简单！ 方法一：position:absolute定位，不设高，并改变"包含块"的尺寸渲染 从我脑海崩出来的第一个念头就是定位布局—

JavaScript元素位置与距离：client&scroll&offset&MouseEvent&滚动条宽度计算

由 ＊爱你＆永不变心＊ 提交于 2020-02-08 02:29:42
client： clientWidth/clientHeight: 元素内部的宽度/高度，仅包含包含content和padding，不包含滚动条 clientWidth = content width + padding - scrollbar Width clientHeight = content Height + padding - scrollbar Height clientLeft/clientTop: 元素的左border宽度，当文字方向为右至左且出现滚动条时（direction: rtl），需要加上滚动条宽度 clientLeft = border Width + scrollbar Width(对于行内元素这个值为0) clientTop = borderTop 计算浏览器或元素滚动条宽度： elem.offsetWidth - elem.borderLeftWidth - elem.borderRightWidth - elem.clientWidth export default class myUtils { // 计算元素滚动条宽度 static getScrollWidth(elemOrSelect) { if (!elemOrSelect) return; if (elemOrSelect.constructor === String)

残差网络再升级之深度残差收缩网络（附Keras代码）

由 一曲冷凌霜 提交于 2020-02-07 10:28:37
深度残差收缩网络事实上属于一种卷积神经网络，是深度残差网络（deep residual network, ResNet）的一个变种。它的主要思想是，在深度学习进行特征学习的时候，删除冗余信息是非常重要的；这是因为原始数据中往往存在着很多和当前任务无关的信息；软阈值化则是一种非常灵活的、删除冗余信息的方式。 1.深度残差网络 首先，从深度残差网络开始讲起。下图展示了深度残差网络的基本模块，包括一些非线性层（残差路径）和一个跨层的恒等连接。恒等连接是深度残差网络的核心，是其优异性能的一个保障。 2.深度残差收缩网络 深度残差收缩网络，就是对深度残差网络的残差路径进行收缩的一种网络。这里的“收缩”指的就是软阈值化。 软阈值化是许多信号降噪方法的核心步骤，它是将接近于零（或者说绝对值低于某一阈值τ）的特征置为0，也就是将[-τ, τ]区间内的特征置为0，让其他的、距0较远的特征也朝着0进行收缩。 如果和前一个卷积层的偏置b放在一起看的话，这个置为零的区间就变成了[-τ+b, τ+b]。因为τ和b都是可以自动学习得到的参数，这个角度看的话，软阈值化其实是可以将任意区间的特征置为零，是一种更灵活的、删除某个取值范围特征的方式，也可以理解成一种更灵活的非线性映射。 从另一个方面来看，前面的两个卷积层、两个批标准化和两个激活函数，将冗余信息的特征，变换成接近于零的值；将有用的特征，变换成远离零的值

标准盒模型和怪异盒模型

由 白昼怎懂夜的黑 提交于 2020-02-07 02:27:45
盒模型： 可以用来对元素进行布局，包括内边距，边框，外边距，和实际内容这几个部分。 盒模型分为两种： 第一种是 W3c标准的盒子模型（标准盒模型） 、第二种 IE标准的盒子模型（怪异盒模型） 。 标准盒模型与怪异盒模型的表现效果的区别之处： 标准盒模型中 width 指的是内容区域 content 的宽度 ， height指的是内容区域content的高度 。 padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding ) 怪异盒模型中的 width指的是内容、边框、内边距总的宽度（content + border + padding） ； height指的是内容、边框、内边距总的高度 。 padding和border被包含在定义的width和height之内。 对象的实际宽度就等于设置的width值， 即使定义有border和padding也不会改变对象的实际宽度 ，即 ( Element width = width )。 如何触发两种盒模型： 如果是定义了完整的doctype的标准文档类型，无论是哪种模型情况，最终都会触发标准模式，如果doctype协议缺失，会由浏览器自己界定，在IE浏览器中IE9以下

手撸网络结构—ResNet

由 我的梦境 提交于 2020-02-07 00:50:50
ResNet 核心就是残差学习单元，相比常规神经网络残差学习单元能够避免出现梯度消失的现象。 ResNet使用两种残差单元，左图（BasicBlock）对应的是浅层网络，而右图（Bottleneck）对应的是深层网络。 在每组残差单元中，第一个单元需要进行下采样从而与单元输出的结果进行匹配。 resnet18采用的都是BasicBlock进行的叠加，前两组残差单元如下图： resnet50采用的都是Bottleneck进行的叠加，前两组残差单元如下图： 文字功力有限，直接上代码： import torch import torch . nn as nn from torchsummary import summary def conv3x3 ( in_planes , out_planes , padding = 0 , stride = 1 , bn = True , rl = True ) : """3x3 convolution with padding""" layers = [ ] layers . append ( nn . Conv2d ( in_planes , out_planes , kernel_size = 3 , padding = padding , stride = stride ) ) if bn : layers . append ( nn .

border-radius你了解多少？

由 我们两清 提交于 2020-02-06 15:51:53
在border-radius这个CSS3属性出现之前，我们要想在页面画个圆，务必借助图片来实现，出了这个border-radius属性之后，我们在页面中实现一个圆形是非常容易的。接下来我们仔细研究研究这个border-radius，看看它还有那些黑魔法？ Border-radius探究 通过border-radius轻而易举的可以划出一个圆。我们通过这样的一个小例子，开始探究border-radius。 HTML: <divclass="demo"></div> CSS: .demo{ width:100px; height:100px; background-color:#f00; border-radius:50px; } 结果： 要想画正圆，我们首先要有一个正方形，所以在宽高100px的正方形，加上border-radius:50px;同学们可能好奇，它是怎么计算。50px代表的是什么？这时我们看看控制台： 上面的内容使我们展开的样子，虽说我们仅仅写了一个值50px；但是对于浏览器来说，他认为是四个一样的值。对于border-*-radius这种展开属性一一对应。看到这里大家能想到的类似的属性（设置一个属性，会被应用到多个展开属性的属性）: margrin(margin-left,margin-top, margin-right, margin-bottom) padding

CSS

由 為{幸葍}努か 提交于 2020-02-06 09:56:03
一、概述 CSS(Casading Style Sheet)，层叠样式表 CSS3包含大量功能，将CSS3分为多个模块。在模块定义还不太稳定的阶段，浏览器会采用厂商前缀实现某个特征。 -webkit- Apple Webkit团队，兼容Android, Safari, Chrome, BlackBerry等； -moz- Mozilla，兼容Firefox等; -ms- Microsoft基金会，兼容IE; -o- 兼容Opera, Opera Mini, Opera Mobile; 1.1 盒模型 https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started/Boxes 当你的浏览器展现一个元素时，这个元素会占据一定的空间。这个空间由四部分组成：由里向外content,padding,border,margin. 中间是元素呈现内容的区域。这个区域的外面是内边距。再外面是边框。最外面的是外边距， 外边距将该元素与其它元素分开 。 Margin(外边距) - 清除边框外的区域 ，外边距是 透明 的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域 ，内边距是 透明 的。 Content(内容) - 盒子的内容，显示文本和图像。
订阅 padding