padding | 易学教程

scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解

阅读更多关于 scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解

scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量以上主要指IE之中，FireFox差异如下： IE6.0、FF1.06+： clientWidth = width + padding clientHeight = height + padding

盒子模型基础属性

阅读更多关于盒子模型基础属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子模型</title>  <style> #box10{ width: 100px; height: 200px; background-color: blueviolet; /*border:dashed 10px red ;*/ border:solid 10px red ; /*border:dashed 10px red ;*/ /*border:dotted 10px red ;*/ /*盒子模型内容*/ /*overflow: hidden;!* 内容被剪切，其余内容不可见*!*/ /*overflow: visible;!*内容不被裁剪，会呈现在元素框以外*!*/ /*overflow: scroll;!*内容被剪切，流动条显示其余内容*!*/ /*overflow: auto;!* 如果内容被剪裁则浏览器以流动条显示其他内容*!*/ /*overflow-x:scroll;*/ /*overflow-y:scroll;*/ /*text-overflow: clip;!*修改文本*!*/ /*text-overflow:

JavaScript,Dom,jQuery

阅读更多关于 JavaScript,Dom,jQuery

JavaScript JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript 语言的规则编写相应代码，浏览器可以解释出相应的处理。注：在编写代码时要养成一行代码以 “ ; ”（分号）结尾。因为在代码上线的时候，一般会对代码进行压缩，这时所有的JavaScript代码将被压缩为一行这时就需要以分号来识别一行代码的结束。 1，存在方式文件方式 <script tyoe="text/javascript" src="JS文件"></script> 代码块 <script type="text/javascript"> JS代码 </script> 2，JavaScript 代码存在位置 HTML 的 head 中 HTML 的body代码块底部（推荐，因为HTML是从上到下解析的，放到上面如果代码出现问题无法解析，网站内容就无法正常的显示影响用户体验度） 3，变量全局变量局部变量 JavaScript中变量声明非常容易出错，局部变量必须以 var 开头，如果不加表示默认声明的是全局变量 name = "seven" # 全局变量 var name = "seven" # 局部变量 4，注释 // # 单行注释 /* */ # 多行注释 5，数据类型数字（Number） var age = 18; var age

CSS盒模型

阅读更多关于 CSS盒模型

css盒模型：是网页布局的基石盒模型，从里到外包括： ①、内容区————鸡蛋 ②、内填充(补白)——泡沫 ③、盒子边框(可选)——快递盒子 ④、外边距——————盒子外部的距离 1、padding： padding的用法： ①、padding是长在内容和盒子之间的，在盒子内部 ②、padding是为了调整子元素在父元素里面位置关系 ③、padding的特点：padding值会把盒子撑大 ④、如果想让盒子保持原有大小，需要在宽高的基础上减掉padding值 ⑤、给单一方向设置padding值： padding-left/right/top/bottom:; ⑥、padding 设置方法： padding为1个值四周 padding为2个值上下左右 padding为3个值上左右下 padding为4个值上右下左 ⑦、padding不能设置负值 ⑧、padding不会对背景图造成影响 ⑨、如果一个盒子没有设置固定的宽和高，添加padding是不用减的 2、margin： margin的用法： ①、margin长在元素之外的 ②、margin控制的是同级元素之间的位置关系 ③、margin不会对盒子本身的宽高造成影响 ④、给单一方向添加margin值： margin-left/right/bottom/top:; ⑤、margin的设置方法： margin

浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome

阅读更多关于浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome

javascript部分 1. document.form.item 问题问题：代码中存在 document.formName.item("itemName") 这样的语句，不能在FF下运行解决方法：改用 document.formName.elements["elementName"] 2. 集合类对象问题问题：代码中许多集合类对象取用时使用()，IE能接受，FF不能解决方法：改用 [] 作为下标运算，例： document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1] 3. window.event 问题：使用 window.event 无法在FF上运行解决方法： FF的 event 只能在事件发生的现场使用，此问题暂无法解决。可以把 event 传到函数里变通解决： onMouseMove = "functionName(event)" function functionName (e) { e = e || window.event; ...... } 4. HTML对象的 id 作为对象名的问题问题：在IE中，HTML对象的 ID 可以作为 document 的下属对象变量名直接使用，在FF中不能解决方法：使用对象变量时全部用标准的

让文本垂直居中的几个方法

阅读更多关于让文本垂直居中的几个方法

一、使用line-height（适用于知道高度，一行文字）让line-height和height一样高，可使文本垂直居中。二、设置上下padding 三、通过table .testdiv { height: 87px; display: table; } .innerdiv { width: 20px; height: 100%; line-height: 20px; padding: 0 4px; border-right: 1px solid #F4F8FB; font-size: 14px; text-align: center; background: #F4F8FB; display: table-cell; vertical-align: middle; } <div class="testdiv"> <div class="innerdiv">服装</div> </div> 三、使用 vertical-align和空标签（可用于高度未知） .testdiv { height: 87px; } h4 { width: 20px; height: 100%; float: left; line-height: 20px; padding: 0 4px; border-right: 1px solid #F4F8FB; font-size: 14px; text

[PYQT]QSS使用，附自己的模板（算是扒OSX UI）

阅读更多关于 [PYQT]QSS使用，附自己的模板（算是扒OSX UI）

题记最近在做Python GUI开发，一直觉得自己的界面LOW爆了，所以想找一些好的资源，但真心没有太好的，最终只找到一个QSS编辑器，一个API，一个OSX的Sketch资源文件。就有了这个QSS文件，本人没有UI经验，调整了一套，算是对自己一个交待吧。一个QSS编辑器： https://github.com/hustlei/QssStylesheetEditor QssStylesheetEditor 支持预览，控件很全。一个API： https://doc.qt.io/qt-5/stylesheet-examples.html 官方例子。能用的都有了。源文件的位置在码云： https://gitee.com/aocshallo/mac-qss.git 1 QWidget{ 2 color: #222; 3 background-color: #C8F5F5F5; 4 } 5 6 QFrame, QLabel, QToolTip { 7 border: 1px solid #8D8D91; 8 border-radius: 5px; 9 padding: 1px; 10 background:#FFFFFF; 11 } 12 QLabel { 13 border: 0px solid #8D8D91; 14 padding: 2px; 15 background

卷积 Convolution 原理及可视化

阅读更多关于卷积 Convolution 原理及可视化

文章抄自知乎-王贵波本文主要介绍了卷积 Convolution 的背景、基本原理、特点、与全连接的区别与联系、不同的卷积模式，进行了卷积可视化以及代码实现了一个简单的 2 维卷积操作，并针对卷积操作进行了计算优化。目录卷积背景及原理卷积的特点（与全连接的区别与联系）卷积的三种模式卷积操作 Numpy 简单实现卷积优化实现卷积背景及原理卷积操作历史上来发展于信号处理领域，在信号处理中原始信号通常会被混入噪音，假设传感器在每个时刻 \(t\) 会输出一个信号 \(f(t)\) ，这个信号通常混入了一些噪声，我们可以通过过个测量点进行加权平均来抵消掉噪声，并且离当前时间点 \(t\) 越近的测量点权重应该越高，我们可以用下面的公式表示 \[h(t)=\sum_{t'}g(t-t')f(t') \] 上式中 \(g\) 是一个权重函数，参数是时间点 \(t'\) 距离当前时间的 \(t\) 距离，输出 \(t'\) 时间点测量的权重； \(f\) 是信号测量函数。在这个例子中， \(t'\) 的采样是离散的，因此采用了加和的形式，同时 \(g\) 还应该是一个概率密度函数，因为在这个例子中表示了一种权重。下图就是这个例子的可视化，灰色是 \(f(t)\) ，红色的部分就是经过翻转的 \(g\) ，绿色部分是生成的 \(h\) 。这个例子实际上就是卷积操作的一种特例

python开发之DOM

阅读更多关于 python开发之DOM

文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。一.查找元素 1、直接查找 document.getElementById 根据ID获取一个标签 document.getElementsByName 根据name属性获取标签集合 document.getElementsByClassName 根据class属性获取标签集合 document.getElementsByTagName 根据标签名获取标签集合 2、间接查找 parentNode // 父节点 childNodes // 所有子节点 firstChild // 第一个子节点 lastChild // 最后一个子节点 nextSibling // 下一个兄弟节点 previousSibling // 上一个兄弟节点 parentElement // 父节点标签元素 children // 所有子标签 firstElementChild // 第一个子标签元素 lastElementChild // 最后一个子标签元素 nextElementtSibling //

盒模型

阅读更多关于盒模型

1. box-sizing: 默认取值content-box，width对应内容区content的宽度。当box-sizing取值为border-box时，给出padding, border后，width对应的是content的宽度+padding(左右)+border(左右) 2. 元素width的单位为%时，是相对于其父元素width的百分比； * 上下方位的padding，margin单位为%，是相对于包含块的 width 来计算。包含块：如果元素的 position是static(默认值)或者relative【这两种属于常规文档流】 , 则包含块的边界计算到最近一个父元素；该元素的display属性必须能够提供类似块级上下文，如：block, inline-block, table-cell, list-item等。默认情况下，width, height, padding, margin的值为百分比时，以父元素的尺寸为依据。脱离常规文档流： position: absolute 浮动块级格式化上下文(BFC)：满足以下条件可以创建自己的BFC position: absolute display: inline-block, table-cell float: 不是none overflow: 不是visible BFC规则：自动包含浮动的元素

订阅 padding