09 2018 档案

html5 渐变按钮练习
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>渐变按钮</title> <link rel="stylesheet" href="style1.css" type="text/css"></head><body 阅读全文
posted @ 2018-09-30 11:58 侯伟东 阅读(781) 评论(0) 推荐(0)
html5 旋转导航练习
摘要：ul{ list-style: none; font-size: 24px; font-weight: bold;}a{ text-decoration: none;}li{ background: linear-gradient(to left,orange,red); width: 150px; 阅读全文
posted @ 2018-09-30 11:57 侯伟东 阅读(447) 评论(0) 推荐(0)
html5 javascript 表单练习案例
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单练习</title> <style type="text/css">form{ width: 400px; background: #9370d8;paddin 阅读全文
posted @ 2018-09-28 09:19 侯伟东 阅读(746) 评论(0) 推荐(0)
html5 p1练习1，移动页面，标准标签布局
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>p1</title> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user 阅读全文
posted @ 2018-09-27 14:46 侯伟东 阅读(272) 评论(0) 推荐(0)
html5 javascript 新增加的高级选择器更精准更实用
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js新增选择器</title></head><body><h3>标题2</h3> <h2>标题1</h2> <ul id="u1"> <li >列表项1</li> 阅读全文
posted @ 2018-09-25 20:52 侯伟东 阅读(209) 评论(0) 推荐(0)
html5 javascript 事件练习3键盘控制练习
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>键盘控制小球的移动</title> <style type="text/css">div{/* background: orange;*/ width: 100px 阅读全文
posted @ 2018-09-22 20:58 侯伟东 阅读(449) 评论(0) 推荐(0)
html5 javascript 事件练习3随机键盘
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随机键盘</title><style type="text/css"> input{ width: 30px; height: 30px; border-radiu 阅读全文
posted @ 2018-09-11 17:26 侯伟东 阅读(218) 评论(0) 推荐(0)