padding

1.Row 该组件中的子元素以水平排列 2.Column 该组件中的子元素以垂直排列 在这两个组件中，都可以用mainAxisAlignment来设置主轴中子元素的排列效果。用crossAxisAlignment来设置次轴的排列效果。 3.当我们需要等比排列子元素时，可以用Expand来实现。 4.当我们需要设置边距时，可以用Padding或者SizedBox来实现。 示例代码： class RandCTest extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return Padding( padding: EdgeInsets.all(10), child: Column( children: <Widget>[ Container( color: Colors.black, height: 200, ), SizedBox( height: 10, ), Container( height: 100, child: Row( children: <Widget>[ Expanded( flex: 2, child: Image.network( "https://ss1.bdstatic.com/70cFuXSh

onestab 关闭了，希望不是永久的。还好做了镜像，收下几篇值得收藏的文章。 CSS 锦囊 最后更新：2004.03.05 翻译： onestab [2004.03.09] 原文：mezzoblue CSS Crib Sheet 在使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。 如果您有所补充， 请在这里发表您的意见 . 本文的其他语言版： 法语 , 德语 , 西班牙语 和 匈牙利语 。 欢迎提供其他翻译。 有疑问，先验证 在调试时，先对您的代码进行验证往往能省去不少麻烦事。格式不正确的 XHTML /CSS 会导致许多布局上的错误。 在其他浏览器中进行测试 之前 ，请先在最先进的浏览器中撰写和测试CSS代码，而不是相反。 如果您在破旧的浏览器中编写和测试，你的代码就不得不依赖那个破旧浏览器的糟糕的显示，然后在符合标准的浏览器中进行测试，看到显示结果“不正常”时，你会很沮丧的。相反，您应该先将您的代码完善，然后再设法为较低级的浏览器打算。这样从一开始您的代码就是符合标准的，你不必再为支持其他浏览器而劳心费神。当然了，目前遵从标准的浏览器无疑就是 Mozilla, Safari 或 Opera。 确保您想要的效果真的存在 许多特定的浏览器专有的CSS扩展在 正式标准 中并不存在。

（1）盒模型（普通盒模型、怪异盒模型） 1、元素的content（内容）、padding(内边距)、border（边框）、margin（外边距）构成了CSS盒模型 2、IE盒模型和W3C盒模型 1）IE盒模型是怪异模式下的盒模型，W3C盒模型是标准模式下的盒模型； 2）IE盒模型的width/height包含了content的width/heigh+padding+border W3C盒模型的width/height只是content的width/height 3、CSS3中的box-sizing 不同的人有不同的习惯，在css3中增加了box-sizing：content-box（遵循W3C盒模型）| border-box（遵循ie盒模型）|inherit（该属性的值从父元素继承） （2）如何让元素水平居中 1、绝对定位实现水平垂直居中： position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; 注意： 1>对父元素要使用 position: relative; 对子元素要使用 position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; 缺一不可。 2>如果只要垂直居中，可以不写right: 0；left: 0;

反向思考，假如输出是output_size，那么逆推回去，可画图理解，说明原图大小是(output_size - 1) * stride + kernel_size，这个原图是指padding后的，说明(output_size - 1) * stride + kernel_size = input_size + 2 * padding。 即output_size = (input_size + 2 * padding - kernel_size) / stride + 1 来源： CSDN 作者： ☛搬砖渣男 链接： https://blog.csdn.net/qq_34193345/article/details/104689748

www.cnblogs.com/shaokele/ 美化无止境，还是学OI ！！！ 美化无止境，还是学OI ！！！ 美化无止境，还是学OI ！！！ 催更请留言 ～～博主很懒～～ 我的博客皮肤是Simple Memory 由于背景图比较高清，部分设备可能显示的很慢：） 背景图可以自己换，修改代码第三行的网址即可 现在的版本： “页面定制CSS代码” body { color: #000; background: url(https://i.loli.net/2018/07/18/5b4f176e73e07.png) fixed; background-size: cover; background-repeat: repeat; font-family: "微软雅黑","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; font-size: 12px; min-height: 101%; } #home { opacity: 0.8; margin: 0 auto; width: 80%; min-width: 950px; background-color: #fff; padding: 30px; margin-top: 30px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba

把CSS样式与网页编排通过网页排版中主要格式化要素实现网页实用性与欣赏性相结合，实现出设计效果。 字体：div{font-family: "Microsoft Yahei";}为网页中的文字设置字体为微软雅黑,这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”，如下代码：body{font-family:"Microsoft Yahei";}或body{font-family:"微软雅黑";}注意：第一种方法比第二种方法兼容性更好一些。当然了如果你想用特殊字体怎么办了？通过css3的自定义字体实现@font-face{ font-family:dhnblog;src:url('images/fzm.ttf');}/*自定义字体类型*/ 字号、颜色：div.box{font-size: 14px;color: #f90;} 设置网页中文字的字号为14像素，并把字体颜色设置为#f90；此外颜色分为3种表现形式：a.rgb（255,255,255）b.英文单词c.16进制，如#f90，具体参考 css基本概念与css核心语法介绍 中有关颜色介绍 粗体：如果想为文字设置粗体除了使用h1-h6或strong标签

前言 本文由 本人 首发于 先知安全技术社区： https://xianzhi.aliyun.com/forum/user/5274 本文以 DVRF 中的第一个漏洞程序 stack_bof_01 为例，在实战 MIPS 架构中栈溢出的简单利用。 正文 去github上面把 DVRF 下载下来，然后用 binwalk 解开 在 pwnable 目录下就是相应的示例程序 在解开的文件系统的根目录下使用 chroot 和 qemu 运行 程序： sudo chroot . ./qemu-mipsel-static ./pwnable/Intro/stack_bof_01 "`cat ./pwnable/Intro/input`" 使用了 cat 命令读取文件作为命令行参数，传给目标程序，这样可以使我们输入一些不可见字符用于劫持程序流。 stack_bof_01 是一个很简单的栈溢出漏洞程序，它把用户从命令行传过去的参数直接使用 strcpy 拷贝到栈缓冲区，从而栈溢出。经过调试，输入204个字符后就可以覆盖到 ra 寄存器保存到栈栈上的值，进而可以控制 $pc 的值。 修改文件内容的 python 脚本如下 #!/usr/bin/python padding = "O" * 204 payload = padding + "B"*4 with open("input", "wb")

day04内容 老师所讲内容 图片精灵技术 网页中如果有很多个图片，这些个图片，每次从服务上拉取。 网页有100张图片，图片需要向服务器发送100次请求，获取图片 网页布局技术 1.默认布局 块级元素块级展示 行内元素行内展示 在html中的先后顺序就是在网页上展示的先后顺序 自带的margin,padding … 2.块级行内展示 display:inline/inline-block/block/none; visibility:visible/hidden; opacity:0-1; 3.盒子模型 width/height/border/padding/margin 4.浮动 float:left/right/none; 浮动元素 浮动元素脱离文档流，原先位置不保留，其他非浮动元素可以使用。 非浮动元素 5.定位 默认是静态定位 static 使用相对定位，固定定位，绝对定位修饰的都是定位元素 相对定位 relative 相对于原先的位置进行定位 固定定位 fixed 固定在视口区，相对于视口区进行定位 绝对定位 absolute 没有定位祖先元素的，相对于视口区的左上角定位 有定位祖先元素的，相对于定位祖先元素进行定位 6.弹性盒模型布局方式 ** 复习 ** 颜色 color #ffffff rgb rgba hsl hsla 尺寸 绝对单位 px mm cm in

2.过渡 transition： CSS属性，花费时间，效果曲线(默认ease)，延迟时间(默认0)复制代码 3.动画 animation：动画名称，一个周期花费时间，运动曲线（默认ease），动画延迟（默认0），播放次数（默认1），是否反向播放动画（默认normal），是否暂停动画（默认running）复制代码 4.形状转换 transform:适用于2D或3D转换的元素 rotate(30deg); translate(30px,30px); scale(.8); skew(10deg,10deg); rotateX(180deg); rotateY(180deg); rotate3d(10,10,10,90deg); 5.选择器 6.阴影 box-shadow: 水平阴影的位置 垂直阴影的位置 模糊距离 阴影的大小 阴影的颜色 阴影开始方向（默认是从里往外，设置inset就是从外往里）;复制代码 7.边框 border-image: 图片url 图像边界向内偏移 图像边界的宽度(默认为边框的宽度) 用于指定在边框外部绘制偏移的量（默认0） 铺满方式--重复（repeat）、拉伸（stretch）或铺满（round）（默认：拉伸（stretch））; 8.背景 background-clip 制定背景绘制（显示）区域 background-origin background

先来看下效果图 ： 三张不同宽高比的图片需要在不同宽度的屏幕中都展示成正方形，而且截取图片的最中间部分展示。 实现代码如下 ： 图片作为div的背景，响应式正方形实现：div的宽度用百分比表示，高度的用padding-top属性，值和width保持一致；不同尺寸图片居中显示：background-position: center;background-size:cover。 来源： https://www.cnblogs.com/vicky24k/p/11480845.html