自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

转载 利用PHP后台实现的注册效果

好久没写博客了,上次写了一篇文章,却被退出了博客园首页,我的内心好down~~地址:http://www.cnblogs.com/programerHuan/p/4919639.html现在写一写基于PHP实现的注册页面的后台,我们先看看效果是怎么的我们先分析我们这个页面从输入数据到后台返回一系列的变化:首先我们新建的数据库是要保存以下几个参数:ID,用户名(user...

2015-11-12 09:47:00 101

转载 基于Jquery实现的轮播图

前阵子我用js写了一个轮播图,现在的话换成jQuery来实现,先看看效果图首先是html结构,如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>jquery版图片轮播</tit...

2015-10-29 10:28:00 152

转载 常用的input样式美化。

在平常的网站开发中,css,html提供的关于<input type ="checkbox"/>或者<input type = "file"/>的样式不是我们想要的,那么现在我们来介绍一个小技巧,来设置成我们想要的样式。第一个input框的美化,原理是用一个a标签包裹一个input标签,让input溢出,设置input标签的透明度为0,然后设置a标签就可以设置...

2015-10-06 17:23:00 646

转载 关于焦点轮播图的总结

  目前来讲,在各大网站都会使用到焦点轮播图,因为它占用地方少,交互性好,是前端设计必须要掌握的技能之一。  原理:使用三层嵌套,最里层装载图片,图片需要浮动。最里层设置相对定位。然后再使用JavaScript设置一个定时器,每过一段时间便让最里层的块的left值改变。而第二层则需要设置overflow:hidden;这个属性,否则将会导致这个层被子层撑大。不美观。  此...

2015-09-14 23:28:00 223

转载 家居网设计总结

移动端一般采用百分比设置宽度,高度固定,如果父级已经设置了高度,就可以设置百分比高度。而且一般采用标准文档流来布局就可以了。一般在导航用nav标签。然后使用在使用ul|>li标签,如果li里面既有icon又有文字就用i+span如果使用less的文件快速布局,一般设定html,body的fontsize是10px;然后其他的字体就设置为Rem对于一个块标签,如果...

2015-08-31 11:25:00 134

转载 animation以及transition的综合运用

Css动画:animation:name:定义动画的名称,和后面的@keyframes一起使用(关键帧),而关键帧里面可以设置from,to,百分比等等。而且一般在外层设置动画的相关属性,如name,duration,iteration-count,timing-function,alternate-reverse.在外层设置相对定位,里层设置绝对定位。一般来说会设置三层di...

2015-08-31 11:23:00 133

转载 css3倒影变形旋转缩放

一.倒影:-webkit-box-reflect:属性值1:位置 [above , below , left , right]属性值2:间距 像素值属性值3:渐变-webkit-box-reflect: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,0.6))二.变形transform旋转:rot...

2015-08-31 11:21:00 193

转载 css3渐变

background-image:chrome浏览器:线性渐变支持较好,径向渐变支持不太好~通过png背景透明的方法,来决定要显示的部分。background-origina和background-clip 的区别:background-clip ,指的是裁剪的位置。其图片的开始位置是已经固定的,不过显示的部分不一样。而background-origina指的是背景图片的...

2015-08-31 11:20:00 89

转载 ie6下的兼容性问题

1.IE6只支持a的伪类,其他的伪类不支持,但可以用js实现。另外IE6不支持直接后代子元素,如ul>li2.伪类的设置顺序link visited hover active3.IE6,IE7不支持伪类after,before。不支持opacity但是有filter(值为0~100与opacity的0~1相对应)position:relative相对于自身的偏移,同时出...

2015-08-31 11:11:00 103

转载 居中方式

1.line-height.2.line-height+vertical-align.3.text-align.4.position.5.margin.在IE6下,如果相邻元素设置了float,然后再设置了margin-left或者margin-right,则给每一个块添加属性:*display:inline;(IE6不支持inline-block属性,若元素中...

2015-08-31 11:11:00 92

转载 关于浮动,怪异模式

font-family:字体,后面一般有多个属性,表示为候选项。em相对与父级元素而言,默认为16px,如果是默认的话是1em=16px;如果父级是24px;而子级别的设置为2em,则是48px;rem是相对与body而言的,常应用移动端。7-21块元素是占据整行的,高度由里面的内容(如果高度没有设置的话)所撑高,非替换行内元素em,var,strong,a的高度是由...

2015-08-31 11:09:00 148

转载 盒子模型

1.如果在某个文件中有导入的动作,其路径默认是基于当前的文件的录井的,比如,如果在my.css的文档下,将位于images/my.png文件导入,则需要在url中如下写: ../images/my.png。2.在HTML是盒子模型:然而在许多的标签是有默认的margin以及padding值的,为了处理这些问题,我们可以有以下方法去解决: a.在开始用通配符说明:...

2015-08-31 11:09:00 105

转载 css注意事项

一.概述所有的样式格式如下:样式名称:属性值属性摘要:background-color 元素的背景颜色border设定元素的边框color设定元素的前景色font-size设定字体的字号height设定元素的高度padding设定元素到边框的间距text-decoration设定文字的装饰效果width设置元素宽度二....

2015-08-31 11:08:00 126

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除