box

flex布局

天大地大妈咪最大 提交于 2020-02-01 19:09:15
(一) 认识flex布局 flex布局完全可以代替浮动,浮动比较麻烦而且会带来高度坍塌。 如下外面的大框是flex-container,里面的小框是flex-item。 以下分析(上面为代码,下面为代码的效果图) < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document < / title > < style > . box { /* 开启flex布局有2个方法 display: flex;块级元素 display: inline-flex;行内元素 */ display : flex ; width : 5 oopx ; height : 300 px ; background - color : #f00 ; } < / style > < / head > < body > < div class = "box" > < div > < / div > < div > <

CSS 盒子模型(Box Model)

十年热恋 提交于 2020-01-31 22:35:46
CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 定义 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 图解 Margin(外边距) - 清除边框外的区域,外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域,内边距是透明的。 Content(内容) - 盒子的内容,显示文本和图像。 来源: CSDN 作者: L归子莫 链接: https://blog.csdn.net/qq_45163122/article/details/104123278

div溢出处理css

一个人想着一个人 提交于 2020-01-29 06:23:20
单行 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 多行 overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2;(行数,不用设置div高度) -webkit-box-orient: vertical; 来源: CSDN 作者: 艺外天羯 链接: https://blog.csdn.net/u012842714/article/details/103715225

目标检测之YOLO v1

前提是你 提交于 2020-01-29 01:31:13
本文 转载自简书 ,仅用于个人学习,侵删 YOLO(You Only Look Once)是一种基于深度神经网络的对象识别和定位算法,其最大的特点是运行速度很快,可以用于实时系统。 现在YOLO已经发展到v3版本,不过新版本也是在原有版本基础上不断改进演化的,所以本文先分析YOLO v1版本。 关于 YOLOv2/YOLO9000 的分析理解请移步 YOLO v2 / YOLO 9000 。 对象识别和定位 输入一张图片,要求输出其中所包含的对象,以及每个对象的位置(包含该对象的矩形框)。 图1 对象识别和定位 对象识别和定位,可以看成两个任务:找到图片中某个存在对象的区域,然后识别出该区域中具体是哪个对象。 对象识别这件事(一张图片仅包含一个对象,且基本占据图片的整个范围),最近几年基于CNN卷积神经网络的各种方法已经能达到不错的效果了。所以主要需要解决的问题是,对象在哪里。 最简单的想法,就是遍历图片中所有可能的位置,地毯式搜索不同大小,不同宽高比,不同位置的每个区域,逐一检测其中是否存在某个对象,挑选其中概率最大的结果作为输出。显然这种方法效率太低。 RCNN/Fast RCNN/Faster RCNN RCNN开创性的提出了候选区(Region Proposals)的方法,先从图片中搜索出一些可能存在对象的候选区(Selective Search),大概2000个左右

mp4文件解析(c#)

瘦欲@ 提交于 2020-01-28 21:44:11
ISO/IEC 14496 ISO/IEC 14496 是MPEG专家组制定的MPEG-4标准,于2000年年初正式成为国际标准。MPEG-4与MPEG-1和MPEG-2有很大的不同。MPEG-4不只是具体压缩算法,它是针对数字电视、交互式绘图应用(影音合成内容)、交互式多媒体(WWW、资料撷取与分散)等整合及压缩技术的需求而制定的国际标准。 MPEG-4由一系列的字标准组成,包含以下的部分: ISO/IEC 14496-1: 系统 - 描述视频和音频数据流的控制、同步以及混合方式(即混流Multiplexing,简写为MUX)。 ISO/IEC 14496-2: 视频 - 定义一个对各种视觉信息(包括自然视频、静止纹理、计算机合成图形等等)的编解码器。例如,XviD编码就属于MPEG -4 Part 2。 ISO/IEC 14496-3: 音频 - 定义一个对各种音频信号进行编码的编解码器的集合,包括高级音频编码(Advanced Audio Coding,缩写为AAC)的若干变形和其他一些音频/语音编码工具。 ISO/IEC 14496-4: 一致性 - 定义对本标准其他的部分进行一致性测试的程序。 ISO/IEC 14496-5: 参考软件 - 提供用于演示功能和说明本标准其他部分功能的软件。 ISO/IEC 14496-6: 多媒体传输集成框架 - DMIF for

Boxes Packing

社会主义新天地 提交于 2020-01-28 01:18:45
Boxes Packing Mishka has got n empty boxes. For every i (1 ≤ i ≤ n), i-th box is a cube with side length ai. Mishka can put a box i into another box j if the following conditions are met: i-th box is not put into another box; j-th box doesn’t contain any other boxes; box i is smaller than box j (ai < aj). Mishka can put boxes into each other an arbitrary number of times. He wants to minimize the number of visible boxes. A box is called visible iff it is not put into some another box. Help Mishka to determine the minimum possible number of visible boxes! Input The first line contains one

SSD: Single Shot MultiBox Detector

老子叫甜甜 提交于 2020-01-27 18:47:39
Table of Contents 前言 论文基本信息 论文背景以及基本思想(Motivation & Contribution) 算法基本流程 算法细节 实验结果 小结 前言 SSD作为One-Stage系列的论文,如今已经作为基本网络被广泛应用于物体检测中,也很多网络结构是建立在其基础上的改进网络。 当前的Objection Detection架构的两个派系: Two-Stage:基于Region Proposal和CNN网络分类回归方式:RCNN->SPPnet->MulriBox->Faster RCNN,该方案的优势在于检测精度高,但是计算量大,实时性差。 滑窗方式:没有Region-Proposal的过程,直接通过Bounding-Box和类别confidence的估计:OverFet->Yolo->SSD 论文基本信息 作者信息: 一作:WeiLiu, UNC Chapel Hill在读PhD 通讯: Alexander C. Berg, UNC Chapel Hill AP, SHapagon CTO, 引用2.7k 论文背景以及基本思想(Motivation & Contribution) 简述其他框架:简述two-stage的RCNN系列和one-stage的YOLO系列。 RCNN:Region-based Convolution Neural Network

CSS中的IFC和BFC入门

怎甘沉沦 提交于 2020-01-27 14:09:32
CSS中的IFC和BFC入门 提到CSS,首先会想到的就是盒模型,如果对于盒模型不是很理解的,看 这里 。这是一个基础的系列,看了盒模型还可以看看box-sizing,好了不多说了,下面介绍今天的重点。 首先从概念入门,B是Block,I是inline,F [ Formatting ] C [context]。一句话概括就是格式化上下文一个是块级,一个是行级。 BFC有如下规则: 内部的盒子会在垂直方向,一个个的放置; BFC是页面上的一个隔离的容器 属于 同一个BFC 的 两个 相邻Box 的 上下margin 会发生重叠 计算BFC的高度时,浮动元素也参与计算 BFC的区域不会与float重叠; 触发BFC的条件: body 根元素; 浮动元素:float 不为none的属性值; 绝对定位元素:position (absolute、fixed) display为: inline-block、table-cells、flex overflow 除了visible以外的值 (hidden、auto、scroll) 这里提出一点,规则是作用于BFC内部的元素,而条件则是作用于BFC容器的,这点要理解。 这些只是概念,要想理解,还得结合一些例子来看。 布局规则一二条是概念,就不介绍了。 第三条 : .p { width : 200px ; height : 50px ; margin

CSDN blog保存为pdf小技巧

狂风中的少年 提交于 2020-01-27 12:09:06
1、下载Google Chrome浏览器,在右上角点开设置一栏,找到更多工具—开发者工具 2、在Console中黏贴下面一段代码,然后按回车键即可,当前页面的pdf会自动加载出来。 (function(){ $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove(); $(".nav_top_2011, #header, #navigator").remove(); $(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove(); $("aside").remove(); $(".tool-box").remove(); $("main").css('display','content'); $("main").css('float','left'); window.print(); $("tool-box").remove(); })(); 来源: CSDN 作者: 学无止境966 链接: https://blog.csdn.net/qq_23929673/article/details

解决内边距合并方式

寵の児 提交于 2020-01-27 04:37:16
按照上图理想的状态应该是box距离顶端50px,box-cont距离box顶部40px。但是因为内边距会合并的问题,会导致出现下图效果 跟我们预想的不一样,怎么解决边内边距合并的问题呢?可以使用以下方法解决 1.给父元素加上 overflow: hidden; 2.给父元素一个浮动或者定位 3.给子元素一个浮动或者定位 4.给父元素加上边框(不推荐) 来源: CSDN 作者: 浅夏旧梦 链接: https://blog.csdn.net/weixin_44404444/article/details/104001346