margin | 易学教程

PHP之：序列化和反序列化-serialize()和unserialize()

阅读更多关于 PHP之：序列化和反序列化-serialize()和unserialize()

参考PHP在线手册（ php.net ）： http://php.net/manual/zh/function.serialize.php 1、序列化 serialize() 将变量序列化 — Generates a storable representation of a value — 产生一个可存储的值的表示说明 serialize() 返回字符串，此字符串包含了表示 de style="margin: 0px; padding: 0px;" >valuede> 的字节流，可以存储于任何地方。这有利于存储或传递 PHP 的值，同时不丢失其类型和结构。想要将已序列化的字符串变回 PHP 的值，可使用 unserialize() 。 serialize() 可处理除了 resource 之外的任何类型。甚至可以 serialize() 那些包含了指向其自身引用的数组。你正 serialize() 的数组／对象中的引用也将被存储。当序列化对象时，PHP 将试图在序列动作之前调用该对象的成员函数 __sleep()。这样就允许对象在被序列化之前做任何清除操作。类似的，当使用 unserialize() 恢复对象时，将调用 __wakeup() 成员函数。 Note: 在 PHP 3 中，对象属性将被序列化，但是方法则会丢失。PHP 4 打破了此限制

非常好用的CSS样式重置表

阅读更多关于非常好用的CSS样式重置表

非常好用的CSS样式重置表我们在项目前期准备时都会准备好一个reset.css，因为不同浏览器对标签的解析各不相同，重置css样式可以让标签在不同浏览器下产生相同的效果。所以一个好的重置样式表是非常重要的。用过很多网上现成的样式重置表，然后有时写的样式代码没问题却达不到自己要的效果，查了才发现是掉进reset.css的坑里。这里推荐用过多种reset.css感觉是最好用的重置样式表： Sandal ，这个样式表的好处是他绝大多数的保留了标签的常用效果，并不是简单粗暴的全部掩杀。具体样式如下，可以直接整个复制在自己的reset.css中：　　html { 　　　　-ms-text-size-adjust: 100%; 　　　　-webkit-text-size-adjust: 100%; 　　　　-webkit-tap-highlight-color: transparent; 　　　　height: 100%; 　　} 　　body { 　　　　margin: 0; 　　　　font-size: 14px; 　　　　font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; 　　　　line-height: 1.5; 　　　　color: #333; 　　　　#fff; 　　　　min-height

盒模型介绍、文本溢出

阅读更多关于盒模型介绍、文本溢出

文章目录盒子模型 1：盒模型具体的css属性 2：padding的用法： padding的设置方法： 3：margin的用法： margin设置方法： margin常出现的BUG: 文本溢出文本溢出变省略号设置页面结构的划分：（上下、左右、外、里）盒模型：网页布局的基石，从盒子的内部到盒子的外围。先有框架，再有内容嘛，结构(HTML)是重点，样式(CSS)是用来修饰结构的。所以要先确定HTML标签，再来选用合适的CSS样式。布局的标签是通过HTML内在的上下文语境来决定当前的语义化的结构，盒子模型盒模型：网页布局的基石，从盒子的内部到盒子的外围：内容（图片、文本、视频、小盒子…）内填充（补白）盒子本身（border）外边距（margin） 1：盒模型具体的css属性内填充：padding属性（不能为负值）外边距：margin属性（可以设负值） 2：padding的用法：作用：控制子元素在父元素里面的位置关系。【让文本和盒子的周围产生间距给盒子添加泡沫（padding）】 padding是长在内容和盒子之间的距离 padding是长在盒子里面的。 padding的作用：主要控制子元素在盒子内部的位置关系。 padding是添加在父元素上面。 padding可以把盒子撑大！！

怎样使盒子上下左右居中

阅读更多关于怎样使盒子上下左右居中

普通的margin：auto 是无法使盒子上下居中的，于是有了一下的解决方案方法一使用定位百分比居中，再拉取一半 #box1 { width : 300px ; height : 300px ; border : 1px black solid ; position : relative ; } #box2 { width : 100px ; height : 100px ; background : red ; position : absolute ; left : 50% ; top : 50% ; margin : -50px ; } 这样可以做到，但是box2需要固定大小方法二利用translate，因为margin的百分比是按照box1来计算的 translate的百分比是按照box2来计算的这种模式非常适合box2不是固定大小的情况。 #box1 { width : 300px ; height : 300px ; border : 1px black solid ; position : relative ; } #box2 { width : 200px ; height : 100px ; background : red ; position : absolute ; left : 50% ; top : 50% ; transform :

jQuery封装的tab组件（可选自动+可选延迟处理+按需加载）

阅读更多关于 jQuery封装的tab组件（可选自动+可选延迟处理+按需加载）

效果图 tab2.html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>tab2按需加载</title> <link rel="stylesheet" href="../css/base.css"> <link rel="stylesheet" href="../css/tab2.css">  </head> <body>  <div class="floor"> <div class="container"> <div class="tab-head"> <div class="tab-head-title fl"> <span class="tab-head-title-num">1F</span><span class="tab-head-title-name">服装箱包</span> </div> <ul class="tab-head-item-wrap fr"> <li class="fl"><a href="javascript:;" class="tab-head-item tab-head-item-active">大牌</a></li> <li

操作属性、操作样式 - DOM编程

阅读更多关于操作属性、操作样式 - DOM编程

1. 操作属性 1.1 HTML 属性与 DOM 属性的对应 <div> <label for="username">User Name: </label> <input type="input" name="username" id="username" class="text" value=""> </div> var input = document.getElementsByTagName('input')[0]; console.log(input.id); // 'username' console.log(input.type); // 'text' console.log(input.className); // 'text' console.log(document.getElementsByTagName('label')[0].htmlFor); // 'username' 1.2 属性操作方式 1.2.1 Property Accessor // 读取属性 input.className; // 'text' input[id]; // 'username' // 写入属性（可增加新的属性或改写已有属性）。 input.value = 'newValue'; input[id] = 'newId'; 1.2.2 getAttribute /

12-认识margin

阅读更多关于 12-认识margin

margin margin：外边距的意思。表示边框到最近盒子的距离。 /*表示四个方向的外边距离为20px*/ margin: 20px; /*表示盒子向下移动了30px*/ margin-top: 30px; /*表示盒子向右移动了50px*/ margin-left: 50px; margin-bottom: 100px; margin：外边距的意思。表示边框到最近盒子的距离。 /*表示四个方向的外边距离为20px*/ margin: 20px; /*表示盒子向下移动了30px*/ margin-top: 30px; /*表示盒子向右移动了50px*/ margin-left: 50px; margin-bottom: 100px; 来源： https://www.cnblogs.com/shangping/p/12382401.html

15 .css-浮动

阅读更多关于 15 .css-浮动

浮动浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动看一个例子 html结构： <div class="box1"></div> <div class="box2"></div> <span>路飞学城</span> css样式： .box1{ width: 300px; height: 300px; background-color: red; float:left; } .box2{ width: 400px; height: 400px; background-color: green; float:right; } span{ float: left; width: 100px; height: 200px; background-color: yellow; } 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一起，这种现象贴边。.box2盒子因为右浮动，所以紧靠着右边。那么浮动如果大家想学好，一定要知道它的四大特性 1.浮动的元素脱标 2.浮动的元素互相贴靠 3.浮动的元素由"子围"效果 4.收缩的效果浮动元素脱标脱标：就是脱离了标准文档流看例子 <div class="box1">小红</div> <div

web打印的几种实现方法（转载）

阅读更多关于 web打印的几种实现方法（转载）

web打印的几种实现方法（转载） web打印，web打印控件的三种实现方法做管理系统的时候，打印一直是个棘手的问题，做B/S的系统这个问题就更加突出了！下面举出三种常用的web打印处理方式 1、利用word或者excel来实现web打印（如果不修改ie设置，可以在web服务器端生成xls文件，然后通过 xlBook = xls.Workbooks.Open(remotePath) 获取对象打印）实现过程：先将需要打印的数据导入到word或者excel中，再利用word或者excel的打印功能来实现web打印。下面以excel为例实现如何打印的过程将网页中数据导入excel中的方法有很多，这里先介绍一种，利用ActiveX控件的方式，即 Excel.Application, 这个控件是MS为excel提供的编程接口，在很多种编程语言种都可以通过该接口来操纵excel表格。下面用javascript脚本来实现一个简单的例子。 < script language="javascript"> function ExcelPrint(){ var excelApp;//存放Excel对象 var excelBook;//存放Excel工件簿文件 var excelSheet;//存放Excel活动工作表 try{ excelApp = new ActiveXObject(

swing-CompoundBorder

阅读更多关于 swing-CompoundBorder

一个复合 Border 类，通过将内部 Border 对象嵌套到外部 Border 对象的 insets 中实现将两个 Border 对象合并为一个单个边框。例如，此类可使用现有的装饰边框向组件添加空白边缘区域：效果图如 2条边框之间的空白区域就是 margin，可以调整2条边框之间的距离。 Border border = comp.getBorder(); Border margin = new EmptyBorder(10,10,10,10); comp.setBorder(new CompoundBorder(border, margin)); 来源： oschina 链接： https://my.oschina.net/u/200838/blog/41048

订阅 margin