自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 初次使用git遇到的问题

步骤: 1.在桌面上建立一个文件夹git-test,在该文件夹下建立一个.txt文件,名为readme。2.选中该文件,右键点击git bush,用命令行操作。3.git init 用git控制该文件,这时候,该文件夹里便会出现一个隐藏的.git文件夹。4.git add readme.txt5.git commit -m "add files" 若出现 please tell me who a

2017-07-25 20:19:07 281

原创 下拉菜单的手风琴效果

html代码<div class="site-nav"> <ul class="site-accordion"> <li> <div class="tab-head">学科领域</div> <ul class="tabs-list"> <li>机械电子</li> <

2017-07-23 14:07:46 878

原创 用伪类制作小三角形的位置问题

问题描述:在下拉菜单中会常常用到用伪类(:after)制作小三角形。然而小三角形的位置通过padding和margin却很难控制。 采用position:relative可以很好地控制其位置。 代码: html代码<div class="tab-head">学科领域</div>css代码.site-accordion>li .tab-head:after{ content: '';

2017-07-23 13:42:45 1399

原创 用jQuery实现倒计时

用jQuery实现倒计时思路:动态获取当前的时间和截止时间,将二者的时间差转换成相应的格式显示到页面上。代码:<script type="text/javascript"> var deadline=new Date(2017,6,18,0,0,0); setInterval(function(){ var curren

2017-07-17 11:11:34 843

原创 移动下划线导航(magicline navigation)

移动下划线导航(magicline navigation)效果:当鼠标移到相对应的导航上时,导航栏下面的下划线也会移到相应的位置;当点击相应的导航时,会展现出不同的内容。实现:html+css+jQuery思路:写好布局,下划线的内容的展示区域为绝对定位。下划线默认位置为导航的第一项,当鼠标移到相应的导航上时,改变下划线的定位值,当鼠标点击相应的导航项时,通过改变每个导航项对应内容区域的z-inde

2017-07-15 18:50:30 939

原创 常用的水平垂直居中方法

1.单行文字的居中 (1)水平居中:text-align:center; (2)垂直居中:设置height = line-height; (3)水平垂直居中:(1)+(2) 2.普通容器的居中 (1)已知容器的宽高负margin配合绝对定位.main{ width:500px; height:500px; background: lightgreen;

2017-07-15 18:25:17 262

空空如也

空空如也

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

TA关注的人

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