margin | 易学教程

CSS兼容IE/Firefox要点

阅读更多关于 CSS兼容IE/Firefox要点

首先我们说说firefox和IE对CSS的宽度显示有什么不同：其实CSS ’width’ 指的是标准CSS中所指的width的宽度，在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer ’width’则是指整个容器的宽度，包括内容，padding ，border。 Firefox中：容器占的宽度=内容宽度+padding宽度+border宽度 IE中：内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度所以，如果IE中定义 width:120px;padding:5px 的话，所显示的宽度就是120px. 即padding:5px是在width里面。而Firefox中，上面这个定义，显示宽度就是 125 px; 所以，我们就必须这样定义 width:115px !important;width:120px;padding:5px; 必须注意的是， !important; 一定要在前面。 CSS 兼容要点： DOCTYPE 影响 CSS 处理 FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是

性能优化 | JVM性能调优篇——来自阿里P7的经验总结

阅读更多关于性能优化 | JVM性能调优篇——来自阿里P7的经验总结

VM 调优概述：性能定义：吞吐量 - 指不考虑 GC 引起的停顿时间或内存消耗，垃圾收集器能支撑应用达到的最高性能指标。延迟 - 其度量标准是缩短由于垃圾啊收集引起的停顿时间或者完全消除因垃圾收集所引起的停顿，避免应用运行时发生抖动。内存占用 - 垃圾收集器流畅运行所需要的内存数量。调优原则 GC 优化的两个目标：将进入老年代的对象数量降到最低减少 Full GC 的执行时间 GC 优化的基本原则是：将不同的 GC 参数应用到两个及以上的服务器上然后比较它们的性能，然后将那些被证明可以提高性能或减少 GC 执行时间的参数应用于最终的工作服务器上。将进入老年代的对象数量降到最低除了可以在 JDK7 及更高版本中使用的 G1 收集器以外，其他分代 GC 都是由 Oracle JVM 提供的。关于分代 GC，就是对象在 Eden 区被创建，随后被转移到 Survivor 区，在此之后剩余的对象会被转入老年代。也有一些对象由于占用内存过大，在 Eden 区被创建后会直接被传入老年代。老年代 GC 相对来说会比新生代 GC 更耗时，因此，减少进入老年代的对象数量可以显著降低 Full GC 的频率。你可能会以为减少进入老年代的对象数量意味着把它们留在新生代，事实正好相反，新生代内存的大小是可以调节的。降低 Full GC 的时间 Full GC 的执行时间比 Minor

CSS零基础入门教程缩写优化CSS文件的体积

阅读更多关于 CSS零基础入门教程缩写优化CSS文件的体积

Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度，但是你可以控制构成网站Web页面的文件大小。为了让网站能够更快，Web的建设者都会按常规地压缩和优化网站上的每一个图像文件，这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量。由于CSS样式表是纯文本文件，和图像相比相对较小，所以Web建设者很少考虑采取措施减少其CSS样式表文件的大小。但是，通过使用CSS缩写以及其他的一些简单技巧，你可以在很大程度上减少样式表的大小。在我对自己样式表的一次非正式的特别测试中，我把文件的大小降低了大约25－50％。新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。使用CSS的缩写性质 CSS的缩写性质（shorthand property）是一些专用的性质名，用来代替多个相关性质的集合。例如，间隙性质（padding property）是顶部间隙（padding-top）、右侧间隙（padding-right）、底部间隙（padding-bottom）和左侧间隙（padding-left）的缩写。

PyTorch学习笔记（17）损失函数（二）

阅读更多关于 PyTorch学习笔记（17）损失函数（二）

损失函数 nn.L2Loss 功能计算inputs 与 target 之差的绝对值 l n = ∣ x n − y n ∣ l_{n}=\left|x_{n}-y_{n}\right| l n = ∣ x n − y n ∣ nn.MSELoss 功能计算inputs 与 target 之差的平方 l n = ( x n − y n ) 2 l_{n}=\left(x_{n}-y_{n}\right)^{2} l n = ( x n − y n ) 2 主要参数 reduction 计算模式，可为none/sum/mean none -逐个元素计算 sum -所有元素求和，返回标量 mean -加权平均，返回标量 SmoothL1Loss 功能平滑的L1Loss 主要参数 reduction 计算模式，可为none/sum/mean none -逐个元素计算 sum -所有元素求和，返回标量 mean -加权平均，返回标量 loss ⁡ ( x , y ) = 1 n ∑ i z i \operatorname{loss}(x, y)=\frac{1}{n} \sum_{i} z_{i} l o s s ( x , y ) = n 1 i ∑ z i z i = { 0.5 ( x i − y i ) 2 , if ∣ x i − y i

对HTML与dody的一些研究与理解

阅读更多关于对HTML与dody的一些研究与理解

对HTML与dody的一些研究与理解一看到这篇文章的想法今天在研究移动端的一个效果时看到了张老师写的这篇文章；我们或许一直在学一些主流的知识，怒怼框架去问在自己的简历上写一些华丽的框架学习活开发经验，但是这些真的能决定我们的高度吗知识不断的在更新。。我们要学的东西很多框架的更替速度也会越来越快我们或许很短的时间的就可以学习一个框架但是真正难的真正决定我们对平还是对这些基础的理解下面进入正题二、关于html与body的一些表现 1.背景色一般情况下，我们css控制的最高结点就是body，例如设置：body{background:#069;}则浏览器界面就是完全的#068的背景色。这里看上去是body标签下的背景色起作用了，我到不这么认为，这里不是body的background起作用，而是body作为一个根结点起作用了，html标签未被激活，body但当类似于根结点的结点，其background背景色被浏览器俘获，浏览器界面背景色为background的背景色，以上是我的推论，这种推论不是我凭空想象出来的，而是有一定的根据的。看下面的一段css代码： body{background:#069; margin:100px; border:30px solid #093;} 意思很简明：外边距100像素，边框30像素，背景色#069，按照对一般标签的理解

简易音乐播放器主界面设计

阅读更多关于简易音乐播放器主界面设计

>微信公众号： Dotnet9 ，网站： Dotnet9 ，问题或建议：请网站留言，如果对您有所帮助：欢迎赞赏。简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发阅读导航本文背景代码实现本文参考源码 1. 本文背景继续 MaterialDesignThemes 开源控件库学习，尤其是它的图标组件，本文设计的音乐播放器主界面设计使用该组件较多。 2. 代码实现使用 .NET CORE 3.1 创建名为 “Player” 的WPF模板项目，添加1个Nuget库：MaterialDesignThemes.3.1.0-ci981。解决方案主要文件目录组织结构： Player App.xaml MainWindow.xaml MainWindow.xaml.cs 2.1 App.xaml文件引入样式文件【App.xaml】，在 StartupUri 中设置启动的视图【MainWindow.xaml】，并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件： <application x:class="Player.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http:/

左边div固定宽度，右边div自适应撑满剩下的宽度--实现方法汇总

阅读更多关于左边div固定宽度，右边div自适应撑满剩下的宽度--实现方法汇总

神奇的事其实有的方法（float、position、margin、flex）是有border像素的差代码如下： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>神奇的事</title> <style> section { margin: 50px 0; } h3 { color: red; text-align: center; /*padding: 10px;*/ background: yellowgreen; } /**/ .use-float .left { float: left; width: 12%; border: 2px solid salmon; } .use-float .right { overflow: hidden; border: 2px solid seagreen; } /**/ /**/ .use-table{ border-collapse:collapse;/*合并表格*/

CSS代码缩写

阅读更多关于 CSS代码缩写

盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： margin:10px 10px 10px 10px; 可缩写为： margin:10px; 2、如果top和bottom值相同、left和 right的值相同，如下面代码： margin:10px 20px 10px 20px; 可缩写为： margin:10px 20px; 3、如果left和right的值相同，如下面代码： margin:10px 20px 30px 20px; 可缩写为： margin:10px 20px 30px; 注意：padding、border的缩写方法和margin是一致的。颜色值缩写关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。例子1： p { color:#000000; } 可以缩写为： p { color: #000; } 例子2：

Vux使用经验

阅读更多关于 Vux使用经验

Vux使用心得参考链接布局简单平分：水平布局和垂直布局 <template> <divider>Horizontal</divider> <flexbox style="height:40px;"> <flexbox-item><div class="flex-demo">1</div></flexbox-item> <flexbox-item><div class="flex-demo">2</div></flexbox-item> <flexbox-item><div class="flex-demo">3</div></flexbox-item> </flexbox> <divider>Vertical</divider> <flexbox orient="vertical" :margin-left=0> <flexbox-item><div class="flex-demo" style="margin-left:0">1</div></flexbox-item> <flexbox-item><div class="flex-demo" style="margin-left:0">2</div></flexbox-item> <flexbox-item><div class="flex-demo" style="margin-left:0">3</div><

二十款漂亮的CSS字体样式

阅读更多关于二十款漂亮的CSS字体样式

样式一： body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #000000; background: #f2e7ca url(images/templatemo_body.jpg) top center no-repeat; } 样式二： body { background:#2f373a; font-family:Arial,Helvetica,sans-serif;font-size:100%; line-height:1em;color:#4e4e4e; min-width:920px; border-top:10px solid #0c0e0e } 样式三： body { font-family:Arial,Helvetica,sans-serif; font-size:1em; vertical-align:middle; font-weight:normal } 样式四： body { margin:0px; padding:0px; background-color:#E7EAEB; font-family:"微软雅黑","黑体","宋体"; font-size:12px;

订阅 margin