margin

PHP正则表达式及表单注册案例

走远了吗. 提交于 2020-01-14 12:02:10
正则表达式是一种具有特定模式的用来匹配文本的字符串 preg_match 匹配 $pattern = '/php/'; $subject = "php 是最好的编程语言,php 没有之一!"; $result = preg_match($pattern,$subject); if($result){ echo "<h1>匹配成功</h1>"; }else{ echo "<h1>匹配不成功</h1>"; } preg_match_all 匹配所有 $pattern = '/php/'; $subject = "php是最好的编程语言,不会php的程序员不是好程序员!"; $result = preg_match_all($pattern,$subject,$matches); var_dump($result); var_dump($matches); //preg_match=== //int 1 //array (size=1) // 0 => string 'php' (length=3) //preg_match_all ==== //int 2 //array (size=1) // 0 => // array (size=2) // 0 => string 'php' (length=3) // 1 => string 'php' (length=3) preg

博客园美化

北慕城南 提交于 2020-01-14 09:55:49
首先,需要在博客园里申请JS权限,成功后会在博客侧边栏公告那行看到有支持JS代码的一句话 现在开始美化博客 首先,个人认为darkgreentrip比较好看,不太暗,也不刺眼,所以下面一段页面定制代码是针对darkgreentrip的,喜欢其他主体也可以照这个代码改 function() { function n(n, e, t) { return n.getAttribute(e) || t } function e(n) { return document.getElementsByTagName(n) } function t() { var t = e("script"), o = t.length, i = t[o - 1]; return { l: o, z: n(i, "zIndex", -1), o: n(i, "opacity", .5), c: n(i, "color", "0,0,0"), n: n(i, "count", 99) } } function o() { a = m.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, c = m.height = window.innerHeight || document

盒模型

≡放荡痞女 提交于 2020-01-14 04:50:52
盒模型 盒模型 margin外边距 padding内边距 boeder边框 css盒模型的计算公式 margin的兼容问题 overflow文本溢出的处理方式 background 盒模型 理解:HTML元素可以看成一个大仓库,盒子与盒子之间的间距是外边距(margin),盒子里面与货物之间泡沫叫内边距(padding),货物本身的有宽高(width/height)子本身的厚度(border) width 宽度 height 高度 border 边框 margin 外边距 padding 内边距 margin外边距 margin:10px; 设置四个方向的值 margin:10px 20px; 上下 左右 margin:10px 20px 30px; 上 左右 下 margin:10px 20px 30px 40px; 上 右 下左 margin-top:10px; 上 margin-right:10px; 右 margin-bottom:10px; 下 margin-right:10px; 左 用于盒子与盒子之间或者块级元素与块级元素之间的间距 padding内边距 padding:10px; 设置四个方向的值 padding:10px 20px; 上下 左右 padding:10px 20px 30px; 上 左右 下 padding:10px 20px 30px 40px;

get Margins from a div javascript

天涯浪子 提交于 2020-01-13 20:30:27
问题 I need to change the margins of a div through javascript. But there is no such way as: document.getElementById('div').style.margin-top = var; Is there a way to do this? I can't find it anywhere 回答1: use marginTop , not margin-top document.getElementById('AnIdNotADiv').style.marginTop = value + "px"; 回答2: jQuery has the functionality you're looking for, it can manipulate elements that don't have IDs. Once the jQuery Library is included, the syntax for what you want would be: $('div').css(

css笔记之css总结

落爺英雄遲暮 提交于 2020-01-13 18:52:24
css总结 文字属性 color可以定义字体颜色 font-size: 字体大小 font-weight:字体粗细 normal: 默认值,标准粗细 bold: 粗体 bolder: 更粗 lighter: 更细 100~900: 设置具体粗细,400等同于normal,而700等同于bold inherit: 继承父元素字体的粗细值 font-style: 字体风格 normal: 默认值,浏览器会显示标准的字体样式 italic: 浏览器会显示斜体的字体样式 oblique:浏览器会显示倾斜的字体样式 font-family: 字体 综合: {font:font-style font-weight font-size/line-height font-family;} 其他属性可以省略,必须保留font-size和font-family属性 外观属性 line-height:行间距 行间距=weight,可以设置水平居中 text-align:水平对齐方式 left 左对齐,默认值 right 右对齐 center 居中对齐 justify 两端对齐 text-decoration:文字装饰 none 默认。定义标准的文本 underline 定义文本下的一条线 overline 定义文本上的一条线 line-through 定义穿过文本下的一条线 inherit

详解Bootstrap导航组件

依然范特西╮ 提交于 2020-01-13 14:53:34
在bootstrap框架中将导航独立出来成为一个导航组件,根据不同的版本,可以找到相应的源码: LESS: navs.less SASS: _navs.scss 标签形导航,也称选项卡导航 标签形导航是通过.nav-tabs样式来实现的,在制作标签形导航时需要在原导航类名为.nav的容器上追加类名.nav-tabs <ul class="nav nav-tabs"> <li><a href="#">导航标题1</a></li> <li><a href="#">导航标题2</a></li> <li><a href="#">导航标题3</a></li> <li><a href="#">导航标题4</a></li> <li><a href="#">导航标题5</a></li> </ul> 原理: 将菜单项li按块显示,并让它们排列在同一水平上,然后定义非高亮菜单的样式和鼠标悬浮效果 .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border

解决IE6背景图片有灰白背景的情况 转

若如初见. 提交于 2020-01-13 14:01:23
前言 :IE6不支持png背景透明或半透明。其解决方法有IE滤镜,纯粹的JavaScript,以及jQuery等,正所谓事非经过不知难,让png图片在IE6下背景透明显示只是第一步,如果对这些png图片做进一步的操作,往往会出现各类莫名的问题。而本篇文章讲详尽阐述png背景透明会出现哪些问题,一些自己的经验之谈和一些相关的拓展。内容较多,有一定的深度和广度,希望对大家有帮助。 一、可解决的方法 1. IE css 滤镜 IE css滤镜中有一个使png背景透明的滤镜,JavaScript方法也是应用的这个滤镜实现png背景透明的。 写法:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../image/png_test.png’); 用法示例: .png{background:url(../image/png_test.png);} * html .png {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../image/png_test.png’);} 非IE6浏览器使用正常的background定位,IE6去除背景图片,应用png透明滤镜。 如果您的浏览器或内核为IE6,强烈建议 点击这里

浅谈css盒模型

末鹿安然 提交于 2020-01-13 13:54:45
  在我们网页上的每一个元素,一个按钮,一段文本,一张图片等等,浏览器都将它们当做一个“盒子”看待,并把这样的盒子称为 盒模型 (box model)。使用Chrome的右键>审查元素对某个网页上的元素,就可得到类似这样一张图,这就是盒模型的缩影了。          组成盒模型主要是这几个要素:外边的外边距margin、中间的边框border、里边的内边距padding,再往里就是包围元素实体的宽、高。在padding这个块里面,包括实体元素的宽高,就是背景background横行的地方,一般我们所添加的背景图片、背景颜色会充满padding这里面的一块区域,所以padding变大,背景会跟着扩张,当然前提是没有精确控制背景的位置、平铺方式等参数。   CSS的盒子是包括margin的。margin可以正可以负而padding职能为正。记得有一个人给我很好的讲解的padding的使用,相当于是面前有一本书,加一个padding-left等同于加了个占位的空白把书往右边挤了,很形象的解释了这一切。   从图中看出,CSS的盒模型是四四方方的,所以对盒子的修饰的margin、border等是有四个方向的。比如margin样式的添加,通常是这样: margin: 5px; margin: 5px 10px; margin: 5px 10px 15px 20px;  

HTML5 & MUI 界面样式

流过昼夜 提交于 2020-01-13 13:25:05
什么?这是要做前端的节奏吗?只要公司有需要,我分分钟变身、前端、美工、UI、交互、后端、数据库管理员......快速学习、快速响应,快速适应。公司需要我干啥,我就干啥,而我存在于公司的意义就是利用所学的东西帮公司解决问题......事实上,如果让一个人来搞定整个项目包括移动端、PC端等等,那你还不是被逼得啥都会。 垂直居中+自动换行 样式效果如下所示,当文字没有超出一行时,显示如“备注信息”,当文字超出一行时,显示如“维修地点” HTML代码如下: <div class="mui-input-row multi-line"> <div class="box label-right"> <div class="div-leftauto">维修地点</div> <div class="wrap">广东省深圳市南山区西丽街道桃源路1001号</div> </div> </div> css样式如下: /*不固定高宽div垂直居中的方法:其它页用*/ .box {width: 100%;height: 40px;border: 1px solid #FFF;display: table;margin-right:5px;} .wrap{display: table-cell; vertical-align: middle; width: 100%;padding: 6px 0px;line

IE6下png背景不透明——张鑫旭博客读书笔记

橙三吉。 提交于 2020-01-13 05:50:48
从今天开始跟着大牛张鑫旭的步伐,每天进步一点点 问题:IE6不支持png背景透明或半透明 一、可解决的方法 补充:css滤镜主要是用来实现图像的各种特殊效果。(了解) css滤镜的标识符是“filter”,总体的应用上和其他的css语句相同。css滤镜可分为基本滤镜和高级滤镜两种。css滤镜分类 CSS滤镜 可以直接作用于对象上,并且立即生效的滤镜称为基本滤镜。而要配合JavaScript等脚本语言,能产生更多变幻效果的则称为高级滤镜。 只有IE可以完全的支持滤镜,Firefox支持部分,其他内核的浏览器一律不支持。 更多关于滤镜的知识:http://www.cnblogs.com/shiyangxt/archive/2008/11/16/1334633.html 1. IE css 滤镜 IE css滤镜中有一个使png背景透明的滤镜,JavaScript方法也是应用的这个滤镜实现png背景透明的。 写法:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../image/png_test.png’); 用法示例: .png{background:url(../image/png_test.png);} * html .png {background:none; filter:progid