- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 综合项目8-1-6
/*第8单元 项目8-1 Bootstrap餐饮类网站首页*/ /*为页面中以下元素设置字体为Microsoft YaHei*/ body,button, input, select, h3, h6 { font-family: Microsoft YaHei} /*header部分*/ .head-top{ background: #5fa022; padding: 0.8em 0; } .navbar-brand{ padding: 0 0; } /*设置图片logo的大小和
2020-05-21 18:28:02
539
原创 综合项目8-1-5
/*第8单元 项目8-1 Bootstrap餐饮类网站首页*/ /*为页面中以下元素设置字体为Microsoft YaHei*/ body,button, input, select, h3, h6 { font-family: Microsoft YaHei} /*header部分*/ .head-top{ background: #5fa022; padding: 0.8em 0; } .navbar-brand{ padding: 0 0; } /*设置图片logo的大小和
2020-05-21 12:38:46
347
原创 综合项目8-1-4
<!DOCTYPE html> <html> <head> <title>餐饮网站热卖商品模块</title> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca
2020-05-19 14:14:25
361
原创 综合项目8-1-3
<!DOCTYPE html> <html> <head> <title>餐饮网站搜索区域</title> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale
2020-05-19 09:15:05
357
原创 综合项目8-1-2
<!DOCTYPE html> <html> <head> <title>餐饮网站header部分</title> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s
2020-05-17 09:47:33
395
原创 综合项目8-1-1
<!DOCTYPE html> <html> <head> <title>Bootstrap响应式餐饮类网页完整版</title> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i
2020-05-14 12:00:11
669
原创 项目7-2个人社交信息页面设计
<!DOCTYPE HTML> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>个人信息页面</tit
2020-05-14 10:17:53
2280
原创 项目6-3音乐播放器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5音乐播放器</title> <link rel="stylesheet" href="css/audio.css" media="screen" type="text/css"...
2020-05-04 14:45:51
1411
2
原创 6-2钢琴黑白键
HTML5 Web钢琴 HTML5 Web钢琴，使用鼠标单击进行弹奏 支持浏览器：FireFox、Chrome c4 c4m d4 d4m e4 f4 f4m g4 g4m ...
2020-05-02 16:08:13
591
原创 项目6-1视频播放器
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>视频播放器</title> <link rel="stylesheet" type="...
2020-04-30 15:01:52
1081
原创 5-2模糊美食发红包看美食
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>发红包了能看的照片</title> <link rel="stylesheet" type="text/css" href="css/photo.css"> </head> <b...
2020-04-25 11:15:44
1329
原创 项目5-1画布
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Canvas案例-网页涂鸦板</title> </head> <body> <!--<cente...
2020-04-24 16:32:37
534
原创 第一次练习
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Loading动画DEMO演示</title> <link rel="stylesheet" href="css/style.css" media="screen" type="...
2020-04-23 10:27:06
812
原创 项目4-2用户注册
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>用户注册</title> <link type="text/css" rel="stylesheet" href="css/register.css"> </head...
2020-04-12 14:46:01
1093
原创 项目4-1移动端窗口
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户登录</title> <link rel="stylesheet" href="css/login.css" media="screen" type="text/css" /...
2020-04-10 11:01:05
416
原创 项目3-3---摇晃的桃子
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>CSS3实现摇晃的桃子动画特效</title> <link rel="stylesheet" type="text/css" href="css/peach.css">...
2020-04-06 14:33:13
5884
3
原创 项目3-2-----多肉
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/succulent.css"> <title>多肉商城</title>...
2020-04-04 13:46:00
600
原创 项目3-1图书清单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图书城</title> <link href="css/bookstore.css" type="text/css" rel="stylesheet">...
2020-04-03 14:01:49
597
原创 实验报告-过度与变形的综合应用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>过渡与变形的综合应用</title> <style type="text/css"> body{ margin: 0; padding: 0; ba...
2020-03-30 14:47:36
216
原创 H5项目2-3手机邮箱导航
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>手机邮箱导航</title> <link href="../0203/css/font-awesome.min.css" rel="stylesheet"&g...
2020-03-26 15:11:17
6469
原创 HTML5-项目2-2
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/advertising.css" rel...
2020-03-22 19:45:24
936
1
原创 HTML5-2-1项目
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3电子杂志页面</title> <link href="css/e-zine.css" type="text/css" rel="stylesheet"> <...
2020-03-21 15:25:55
481
原创 CSS浮动和定位、边框边距
盒子边框边距 margin：外边距 padding：内边距 -top:上边距 -left：左边距 -right：右边距 -bottom：下边距 border：边框 content：内容 浮动 float:left float:right float:none（默认） 定位 position:static (静态定位) 默认 position:relative (相对定位)，相对于其原文档流的位置进...
2020-03-17 16:22:34
385
4
原创 HTML5-CSS选择器
通用选择器：*{} 标签选择器：元素名称{} a{}、body{}… 类选择器： .<类名> .nav{} .p1{} id选择器：#<值> #loge{} 属性选择器：[<条件>] [href]{} 并集选择器：<选择器>，<选择器> em,strong{} 后代选择器：<选择器> ...
2020-03-16 18:14:16
263
原创 HTML5-------1-2项目旅游
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>国内旅游</title> <!--链入对网页某类型元素的通用设置样式表--> <link href="common.css" rel="sty...
2020-03-15 16:14:32
1134
原创 HTML5的loge.html
HTML5-logo <!-- 盾牌左 --> <div class="loge" style="top: 120px; left: 229px;"> <div class=...
2020-03-14 16:52:04
146
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人