padding | 易学教程

thinkphp+jquery实现两级评论回复效果

阅读更多关于 thinkphp+jquery实现两级评论回复效果

这个不是无限级评论，只有两层，实现起来比较简单点，所有评论的parent_id都是对应的第一级评论的id，新增评论的时候，就在对应的评论下面追加，并且用prepend()把最新评论放到最前面数据库设计（我这里没有真正用到数据库，为了测试，用的都是写死的假数据，所以后台请求的接口只是返回了一个code==200） html代码　　　　<div style="font-size: 0.28rem; padding: .2rem; "> <div class="layui-row" > <textarea style=" width: 90%; height: 1rem;resize: none; margin-left: .2rem; padding: 0.1rem" replyid="0"></textarea> </div> <div class="layui-row" > <div class="comment-submit" parent_id="0" style="float: right;background-color:#3385ff;font-size:0.22rem; padding:0.07rem 0.15rem;margin-right: 0.3rem"> <a style="color:#fff;" href="javascript:void(0);"

16 ,js--BOM,client,offset,scroll

阅读更多关于 16 ,js--BOM,client,offset,scroll

1、client系列代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 200px; height: 200px; position: absolute; border: 10px solid red; /*margin: 10px 0px 0px 0px;*/ padding: 80px; } </style> </head> <body> <div class="box"> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 </div> </body> <script type="text/javascript"> /* * clientTop 内容区域到边框顶部的距离，说白了，就是边框的高度 * clientLeft 内容区域到边框左部的距离，说白了就是边框的乱度 *

基础2

阅读更多关于基础2

表单 1:表单标签 <form></form> 属性: action="接口地址" <form action="提交地址" method="提交方式" name="表单名字"> method="get/post" name="表单名称" 2:表单控件 <input> 属性: type="控件类型" name:属性标识表单域的名称; value:属性定义表单域的默认值，其他属性根据type的不同而有所改变化。 <input type="类型"> type="text"当行文本输入框 type="password"密码输入框 type="submit"提交按钮 type="reset"重置按钮 type="button"空按钮（如果要做功能，需要结合js） name="名字" value="值" maxlength="允许输入的字符个数" size="设置元素显示的宽度" get和post的区别: get:在地址栏提交，有长度限制，有可能造成数据丢失，一般提交的数据较短，明文可见，不安全，就算加密也比较容易破解，速度较快，如果只考虑速度那就用get post:不在地址栏提交，安全，没有长度限制（理论上是有长度限制）一般提交的数据较大，速度较慢样式的基本规则: 1:属性与值之间用英文冒号连接，分号结束 2:属性与属性之间可以空格，可以换行 3:一个属性中有多个属性值时

python 学习_第五模块 JS特效

阅读更多关于 python 学习_第五模块 JS特效

python 学习_第五模块 JS特效 1 图片切换 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>01 图片切换</title> </head> <body> <img src="images/image01.jpg" id="flower" width="200" height="200"> <br> <button id="prev">上一张</button> <button id="next">下一张</button>  <script type="text/javascript"> var flower = document.getElementById('flower'); var nextBth = document.getElementById('next'); var prevBth = document.getElementById('prev'); var minIndex=1;maxIndex=4;currentIndex=minIndex; // 2 监听按钮的点击 nextBth.onclick = function(){ if (currentIndex===maxIndex){ // 最后一张 currentIndex

Ehcache计算Java对象内存大小

阅读更多关于 Ehcache计算Java对象内存大小

在EHCache中，可以设置maxBytesLocalHeap、maxBytesLocalOffHeap、maxBytesLocalDisk值，以控制Cache占用的内存、磁盘的大小（注：这里Off Heap是指Element中的值已被序列化，但是还没写入磁盘的状态，貌似只有企业版的EHCache支持这种配置；而这里maxBytesLocalDisk是指在最大在磁盘中的数据大小，而不是磁盘文件大小，因为磁盘文中有一些数据是空闲区），因而EHCache需要有一种机制计算一个类在内存、磁盘中占用的字节数，其中在磁盘中占用的字节大小计算比较容易，只需要知道序列化后字节数组的大小，并且加上一些统计信息，如过期时间、磁盘位置、命中次数等信息即可，而要计算一个对象实例在内存中占用的大小则要复杂一些。计算一个实例内存占用大小思路在Java中，除了基本类型，其他所有通过字段包含其他实例的关系都是引用关系，因而我们不能直接计算该实例占用的内存大小，而是要递归的计算其所有字段占用的内存大小的和。在Java中，我们可以将所有这些通过字段引用简单的看成一种树状结构，这样就可以遍历这棵树，计算每个节点占用的内存大小，所有这些节点占用的内存大小的总和就当前实例占用的内存大小，遍历的算法有：先序遍历、中序遍历、后序遍历、层级遍历等。但是在实际情况中很容易出现环状引用（最简单的是两个实例之间的直接引用

css整理

阅读更多关于 css整理

1.介绍一下标准的css的盒子模型？与ie盒子有什么区别？（1）有两种盒子，一个是W3C盒子模型，另一个是IE盒子模型（2）盒模型：内容（content），内边界（padding），边框（border），外边界（margin）（3）区别：ie的content部分把padding和border算进去了 2.css选择符有哪些，哪些属性可以继承？ ①id选择器（ # myid） ②类选择器（.myclassname） ③标签选择器（div, h1, p） ④伪类选择器（a:hover, li:nth-child） ⑤子选择器（ul > li） ⑥后代选择器（li a） ⑦相邻选择器（h1 + p） ⑧通配符选择器（ * ）可继承的样式： font-size font-family color, UL LI DL DD DT; 不可继承的样式：border padding margin width height ; 3.css优先级优先级就近原则，同权重情况下样式定义最近者为准; 载入样式以最后载入的定位为准; 优先级为: !important > id > class > tag important 比内联优先级高 4.CSS3新增伪类有哪些？ :after 在元素之前添加内容,也可以用来做清除浮动。 :before 在元素之后添加内容 :disabled

17-css盒子模型详解

阅读更多关于 17-css盒子模型详解

CSS盒子模型 ******一个盒子是由以下几个部分构成：　　1、盒子中的内容----content 　　2、盒子的边框----border 　　3、盒子的边框与内容之间的距离，称为填充----padding，内边距（内补丁）　　4、多个盒子存在时，盒子与盒子之间的距离，称之为边界----margin，外边距（外补丁） *****盒子所在的实际宽度为例=左右边界+左右边框+左右内填充 ******CSS盒子的相关属性　　【1】、内容属性：内容本身的宽=width，内容本身的高=height 　　【2】、内填充属性：内容与边界之间的距离 padding *****在定义盒子的宽度时，要考虑到，内填充，边框，边界的存在　　如果增加了内填充了，整个盒子的宽度值，要再减去，你增加的内填充值 *****将来在使用外边距时，要注意浏览器的兼容性问题 ******除了值为零的情况下，所有的非零的值都要加上单位 ******由于各个游览器存在着，内外边距的，默认值，都不相同　　我们需要将所有浏览器的默认内外边距，都从零开始计算。　　在实际工作中，不要用 *｛margin：0；padding：0；｝，但是效率最低　　所以我们是用到了哪些元素，就把哪些元素的默认值，归零。　　css的属性，虽然有继承的特点，但是，并不是，所有的属性都有继承　

盒模型宽高定义box-sizing

阅读更多关于盒模型宽高定义box-sizing

以前盒模型默认的宽高是指内容的宽高。css3后可以用box-sizing来指定宽高。 box-sizing ：content-box | border-box 默认值：content-box content-box： padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding ) 此属性表现为标准模式下的盒模型。 border-box： padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width ) 此属性表现为怪异模式下的盒模型。示例： content-box: .test1{ box-sizing:content-box; width:200px; padding:10px; border:15px solid #eee; } border-box: .test2{ box-sizing:border-box; width:200px; padding:10px; border:15px solid #eee; } 来源： https:

CSS3盒模型——box-sizing

阅读更多关于 CSS3盒模型——box-sizing

box-sizing盒模型是CSS3的一个重要属性之一，常常被很多人给忽略了！CSS3出现之前box-sizing盒模型默认的宽高是指内容的宽高，css3之后可以用box-sizing来指定宽高。目前比较火的前端框架Bootstrap,Foundation等国外框架都是全局设置box-sizing:border-box，如果您不再支持低版本浏览器，这个属性对您来说将会相当好用，相信你会爱上他的！语法： box-sizing: content-box|border-box|inherit; content-box：这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box:为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit:规定应从父元素继承 box-sizing 属性的值。提示：IE8以下的浏览器支持content-box,不支持border-box,border-box是CSS3新增加属性！ content-box示例： .test1{ box-sizing:content-box; width:200px; padding:10px;

CSS中的盒模型

阅读更多关于 CSS中的盒模型

1、盒模型的概念 CSS 盒子模型又称框模型，包含元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素 1.1、标准盒模型和 IE 盒模型盒模型是有两种标准的，标准盒模型和 IE 盒模型标准盒模型： IE 盒模型： 1.2、CSS盒模型和IE盒模型的区别在标准盒子模型中，设置 width 和 height 的话设置的就只是内容区（content）的宽度， padding 和 border 并不包括在里面。但是在 IE 盒子模型中，当你设置了 width 或者 height，此时设置的宽度就包括了padding 和 border ，比如说你设置了 width 为100，padding为 5，那么内容区只有 90。 1.3、box-sizing 设置盒模型通过 box-sizing 属性可以设置一个元素是用什么盒模型：content-box 表示标准盒模型，border-box 表示 IE 盒模型。 .className { 　　/* 标准模型 */ 　　box-sizing:content-box; 　 /*IE模型*/ 　　box-sizing:border-box; } 下面是设置了 width 为100px，padding、border、margin 分别为 5px 时标准盒模型和 IE 盒模型的情况：

订阅 padding