2018年4月18日
css3z照片墙
摘要： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> body{background:#eee;} h1{text-align:center;} .conte 阅读全文
posted @ 2018-04-18 16:23 航行远方 阅读(203) 评论(0) 推荐(0)
2018年4月16日
高度百分比生效的方法height:100%
摘要： eight:100%这个概念是子节点相对于父容器而言；所以要让此属性生效，必要的一点就是：父容器必须具有具体的高度信息； 直接在<body>的子节点（如div中）写height:100%是不会生效的，因为此时<body>的高度是不确定的，默认是auto； 方法一 给从根的父容器到子容器的所有容器都设 阅读全文
posted @ 2018-04-16 15:40 航行远方 阅读(366) 评论(0) 推荐(0)
百分比
摘要： <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"> <tit 阅读全文
posted @ 2018-04-16 15:35 航行远方 阅读(149) 评论(0) 推荐(0)
html div三列布局占满全屏（左右两列定宽或者百分比、中间自动适应，div在父div中居底）
摘要： <style type="text/css"> body, html { margin: 0px; } #header { background: blue; height: 100px; width: 100%; position:relative; /*父div的位置设置成相对的*/ } #h_ 阅读全文
posted @ 2018-04-16 15:33 航行远方 阅读(2786) 评论(0) 推荐(0)
2018年3月7日
跳转对应楼层
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <link rel="stylesheet" href="animate.min.css"> <style type="text/css"> * 阅读全文
posted @ 2018-03-07 15:31 航行远方 阅读(316) 评论(0) 推荐(0)
2018年3月1日
css3
摘要： 字体 通过 CSS3，Web 设计师再也不必被迫使用“web-safe”字体了。 <style> @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); / 阅读全文
posted @ 2018-03-01 15:00 航行远方 阅读(161) 评论(0) 推荐(0)
2018年1月29日
烟花效果
摘要： 1、css 如需添加自行修改css代码 2、html <div class="demo"></div> 3、js <script type="text/javascript" src="js/jquery.fireworks.js"></script> 4、使用方法 <script> $('.dem 阅读全文
posted @ 2018-01-29 16:03 航行远方 阅读(107) 评论(0) 推荐(0)
左右切换+焦点图
摘要： 1、css /*游戏特色*/ #box{width: 1200px; margin: 20px auto;position:absolute; top:1720px; left:10px;} #imgWrap a{width:56px; height:119px;position: absolute 阅读全文
posted @ 2018-01-29 15:05 航行远方 阅读(271) 评论(0) 推荐(0)