2017年4月19日
简单计算器制作（练习）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" id="a" style="text-align: right;" 阅读全文
posted @ 2017-04-19 22:59 非凡。 阅读(174) 评论(0) 推荐(0) 编辑
数字排序（选择法，冒泡法排序练习）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" size="3" id="a"> <input type="tex 阅读全文
posted @ 2017-04-19 22:57 非凡。 阅读(277) 评论(0) 推荐(0) 编辑
鼠标点击，鼠标经过，鼠标离开事件（练习）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var a,b,c; a=100;b=200; c=a;a=b;b 阅读全文
posted @ 2017-04-19 22:54 非凡。 阅读(3706) 评论(2) 推荐(0) 编辑
双飞翼布局（练习）
摘要： <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>body{ margin: 0; padding: 0; }.bigbox .one { margin: 0 200px 阅读全文
posted @ 2017-04-19 22:48 非凡。 阅读(414) 评论(4) 推荐(0) 编辑
表格，表单（练习）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ margin: 0;padding: 0;}span{ width: 35px; height: 25 阅读全文
posted @ 2017-04-19 22:37 非凡。 阅读(330) 评论(0) 推荐(0) 编辑
等高布局（练习）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ margin: 0;padding: 0;}.float{ float: left;}.a{ widt 阅读全文
posted @ 2017-04-19 22:31 非凡。 阅读(118) 评论(0) 推荐(0) 编辑
侧边栏隐藏菜单（练习）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body,ul,h3{ margin: 0;padding: 0; } .a ul{ display: none; 阅读全文
posted @ 2017-04-19 22:29 非凡。 阅读(522) 评论(0) 推荐(0) 编辑
菜单悬停（伪类练习）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body,ul{margin: 0px;padding:0px;}ul li{list-style: none;f 阅读全文
posted @ 2017-04-19 22:22 非凡。 阅读(239) 评论(0) 推荐(0) 编辑
菜单与页面链接（锚点练习）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><style> body ul{ margin: 0;padding: 0;}.a{ width: 1200px; height: 阅读全文
posted @ 2017-04-19 22:16 非凡。 阅读(553) 评论(0) 推荐(0) 编辑
页内跳转（锚点练习）
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ height: 2000px; position: relative; } .a{ position: 阅读全文
posted @ 2017-04-19 22:09 非凡。 阅读(434) 评论(0) 推荐(0) 编辑