- 博客(9)
- 收藏
- 关注
RSS订阅原创 jQuery 倒计时插件
效果展示在线预览倒计时在线预览结构<div class="count-down" data-end="2097/11/10"> <p>90年后倒计时</p> <span class="day">0</span> 天 <span class="hour">0</span> 时 <span class="minute">0</span> 分 <span class="sec">0</sp
2017-11-10 13:20:12
1934
原创 原生js实现瀑布流布局
html结构<section id="main"> <div class="item"> <div class="pic"> <img src="images/p7.jpg" alt="">7 </div> </div> <div class="item"> <div class="pic">
2017-07-25 16:19:17
5593
原创 背景图片靠右对齐，并且间距从右算起
加入右边有个小箭头需要右对齐并且垂直居中，可以写成background:url("images/test.png")no-repeat right center;如果需要离右边10px呢？可以这样写background:url("images/test.png")no-repeat right 10px center; //这样间距从右算起。
2017-06-06 11:58:08
11351
原创 css实现文字两边的分割线
<div class="xian"> <span class="txt">分割线文字 <br>English text</span></div>.xian { height: 1px; margin-top: 40px; text-align: center; border-top: 1px solid #e2e2e2;}.t
2017-03-30 09:49:44
7728
转载 去除移动端a标签点击样式
a{outline:none；-webkit-tap-highlight-color: rgba(0,0,0,0);}-webkit-tap-highlight-color是ios和android下点击元素时出现的阴影,-webkit-tap-highlight-color: rgba(0,0,0,0);可以将该阴影透明化，进而解决问题.
2017-03-30 09:18:24
7631
转载 淘宝双飞翼布局，左右固定中间自适应宽度。
1、淘宝双飞翼的优点： ①、重要的内容先加载； ②、兼容目前所有的主流浏览器，包括IE6。HTML结构：<div class="wrapper"> <div class="middle-wrap"> <div class="middle">自适应宽度自适应宽度自适应宽度自适应宽度自适应宽度自适应宽度自适应宽度自适应宽度自适应宽度自适应宽度自适应宽度自适应宽
2017-03-06 15:50:18
839
转载 相对路径和绝对路径的区别？
在HTML里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。 1.绝对路径 绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\book\网页布\代码\第2章\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该
2016-11-18 11:06:43
520
转载 为什么display:line-block的a标签会加上文字之后会向下移动呢？
1.那是因为第二个标签是inline-block,它的对齐方式是基线对齐，对齐的是第一个元素里面字的下划线，所以第二个元素的下边缘对齐的是1的下划线，只要在第二个元素里面加内容或者加个空格( )就可以了。个人认为inline-block和inline性质一样，只是一个可以设置宽高一个不可以。2.inline-block的默认对齐方式的问题inlin
2016-11-17 14:50:04
945
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人