border | 易学教程

Position属性

阅读更多关于 Position属性

文档流一、什么是文档流？ “流”，我们在生活中经常听到这个词，比如水流，电流。就像水流从高处往低处流一样，我们可以把文档流想象成html元素在浏览器上“流动”。浏览器的顶端就是河流的源头，浏览器的底部就是河流的尽头。那么所谓的文档流（normal flow，也被称为“普通流”），指的是就是元素排版布局过程中，元素会自动从左往右，从上往下地遵守这种流式排列方式。当浏览器渲染html文档时，从顶部开始开始渲染，为元素分配所需要的空间，每一个块级元素单独占一行，行内元素则按照顺序被水平渲染直到在当前行遇到了边界，然后换到下一行的起点继续渲染。那么此时就不得不说一下块级元素和行内元素。二、块级元素与行内元素块级元素：顾名思义，这个元素是“一块”，那么作为一个块，它就应该有自己的宽度和高度。而且它比较霸道，每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外），一般作为容器使用，常见的块级元素有：from、select、 textarea、h1-h6 、table 、button 、hr 、p 、ol 、ul等。结合以上内容，块级元素拥有以下特点： 1.每个块级元素都是独自占一行。 2.元素的高度、宽度、行高和边距都是可以设置的。　　 3.元素的宽度如果不设置的话，默认为父元素的宽度。行内元素：显然，这种元素存在于一行内

ORB特征匹配原理及源代码

阅读更多关于 ORB特征匹配原理及源代码

　　这篇往后，会暂时先更ORB、SITF、SURF三篇特征算子，在代码部分，会在本篇介绍下OPENCV特征匹配的特征点KeyPoint、特征描述子和匹配算子Match等的构成。一、背景：　　目前特征匹配算子主要应用于目标追踪、图像匹配等多个方面，效果比较好的有SIFT、SURF、ORB等特征匹配算子，SURF由在SIFT上改进得到。目前暂更ORB、SIFT和SURF三种特征匹配算子。在此，先简要介绍下三种算子，ORB采用FAST进行特征点检测，相对于SIFT和SURF具有运行速度快的优点，OBR算法推出晚于SIFT和SURF算法，运行速度优于SIFT和SURF（网上可以搜到三者运行速度差距，在此不再展示），主要应用于实时图像匹配。SIFT和SURF具有更好的稳定性，SURF是SIFT的改进版本，运行速度和匹配效果均优于SIFT。(在此介绍SIFT,是希望读者了解其中的算法，SIFT在最初的特征匹配上，有比较好的效果。同时希望，读者如果有兴趣，可以继续改进SIFT，万一再研究出个SXXXX，发表论文、申请专利呢？？？hhhhh)。二、ORB特征匹配原理：　　特征匹配的步骤一般可分为3步：1.检测特征点，2.计算特征点的描述子，3.根据特征点的描述子进行特征点匹配。 ORB特征点检测：　　1.ORB在特征点检测部分，采用FAST算法进行特征点检测

(前端)html与css css 19、tab栏

阅读更多关于 (前端)html与css css 19、tab栏

做一个这个效果↓ 代码↓ <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 500px; height: 100px; border-top: 10px solid blue; border-left: 5px solid #999; border-right: 5px solid #999; margin: 100px auto; } </style> </head> <body> <div> </div> </body> </html> View Code 效果图↓ 可以看到这是一个梯形的效果。修改后代码↓ <!DOCTYPE html PUBLIC "

PHPExcel常用方法小结

阅读更多关于 PHPExcel常用方法小结

摘要: PHPExcel 是用来操作Office Excel 文档的一个PHP类库，它基于微软的OpenXML标准和PHP语言。可以使用它来读取、写入不同格式的电子表格，如 Excel (BIFF) .xls, Excel 2007 (OfficeOpenXML) .xlsx, CSV, Libre/OpenOf ... PHPExcel 是用来操作Office Excel 文档的一个PHP类库，它基于微软的OpenXML标准和PHP语言。可以使用它来读取、写入不同格式的电子表格，如 Excel (BIFF) .xls, Excel 2007 (OfficeOpenXML) .xlsx, CSV, Libre/OpenOffice Calc .ods, Gnumeric, PDF, HTML等等。要求： PHP 5.2.0 版本及以上 PHP extension php_zip 开启 (如果你需要使用 PHPExcel 来操作 .xlsx .ods or .gnumeric 文件) PHP extension php_xml 开启 PHP extension php_gd2 开启(选填, 如果需要计算准确的列宽需要开启此扩展) [代码]php代码： view sourceprint? 001 public function actionGetexcel() { 002

HTML学习笔记二20200310

阅读更多关于 HTML学习笔记二20200310

接着昨天的写了甩个链接 HTML学习笔记一昨天的状态是这个样子的 < link href = "https://fonts.googleapis.com/css?family=Lobster" rel = "stylesheet" type = "text/css" > < style > . red - text { color : red ; } h2 { font - family : Lobster , Monospace ; } p { font - size : 16 px ; font - family : Monospace ; } . thick - green - border { border - color : green ; border - width : 10 px ; border - style : solid ; border - radius : 50 % ; } . smaller - image { width : 100 px ; } < / style > < h2 class = "red-text" > CatPhotoApp < / h2 > < p > Click here for < a href = "#" > cat photos < / a > . < / p > < a href = "#" > < img

js 盒模型

阅读更多关于 js 盒模型

JS盒模型 ********* 1、width | height parseInt(getComputedStyle(ele, null).getPropertyValue('width')) parseInt(getComputedStyle(ele, null).getPropertyValue('height')) 2、padding + width | padding + height clientWidth clientHeight 3、border + padding + width | border + padding + height offsetWidth offsetHeight 4、结合绝对定位，距离最近定位父级的Top | Left offsetTop offsetLeft ···html <!DOCTYPE html> 就是盒模型 <style type="text/css"> .sup { width: 200px; height: 200px; padding: 30px; border: 5px solid black; background-color: orange; margin: 20px; position: relative; } .sub { width: 100px; height: 100px; padding: 20px;

怎样让背景色覆盖border边框线？

阅读更多关于怎样让背景色覆盖border边框线？

今天写页面的时候出了一点点小问题，发现我设置的背景色与边框色颜色不一致，于是上网查了一下，竟然忘记了有个属性就可以实现让背景色覆盖边框线的问题！ background-clip 属性规定背景的绘制区域。语法： background-clip: border-box|padding-box|content-box; border-box 背景被裁剪到边框盒。 padding-box 背景被裁剪到内边距框。 content-box 背景被裁剪到内容框使用: background-clip: border-box; 解决！！来源： CSDN 作者：孙婷婷的博客链接： https://blog.csdn.net/weixin_36732046/article/details/104756910

网页登录界面

阅读更多关于网页登录界面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <%@ Language=VBScript %> <% if isempty(Request.Form("Login")) then Session.abandon Session("NumAttempts") = 1 TheMessage = "请在下面登录本系统:" else TheUsername=Request.Form("Username") ThePassword=Request.Form("Password") If Instr(TheUsername, "'")=0 and Instr(ThePassword, "'")=0 then set RSLogin = server.createobject("adodb.recordset") RSLogin.open "select * from userinfo where strloginname = '"&TheUsername& "' and strpassword = '"&ThePassword&"'",session("conn") if RSLogin.EOF then Session("NumAttempts") = Session("NumAttempts") + 1 if

JavaScript基础

阅读更多关于 JavaScript基础

JavaScript 的内置对象：数组（ array ） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>隔行换色表格</title> <script type="text/javascript"> // 通过原生的JavaScript改变标签的样式 function onlode(){ // 1.获得元素标签 var tr=document.getElementsByTagName("tr")//获取tr标签数组，以零开始。 // document.getElementsByName("checkOne")//通过name属性获得标签 // document.getElementsById("checkOne")//通过id属性获得标签 for( var i=2;i<tr.length;i+=2) { tr[i].style.background="#eee" // tr[i].background="#eee" } } </script> </head> <body onload="onlode()">  <table width="500" align="center" cellpadding="10px" border="1px" cellspacing=

javascript 常用技巧

阅读更多关于 javascript 常用技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:disabled"> 关闭输入法 8. 永远都会带着框架 <script language="JavaScript"></script> 9. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT><!

订阅 border