项目实战
梁龙裕的博客
我是一名学生,爱好旅行,对前端很感兴趣。
展开
-
小米官网静态网页项目实战6
最底下图标字体与广告栏 部分结构代码: <!-- 创建广告容器 --> <div class="ad w"> <ul class="shortcut"> <li> <a href="#"> <i class="fas fa-clock"></i> 小米秒杀原创 2021-04-29 17:11:05 · 308 阅读 · 0 评论 -
小米官网静态网页项目实战5
商品分类导航条以及中间广告栏 结构: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-04-27 19:19:37 · 312 阅读 · 0 评论 -
小米官网静态网页项目实战4
中间导航条 结构: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2021-04-23 12:43:55 · 265 阅读 · 0 评论 -
小米官网静态网页项目实战3
小米商城APP二维码下拉以及过渡效果 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-04-22 11:33:01 · 452 阅读 · 0 评论 -
小米官网静态网页项目实战2
顶部导航条 结构:最外围的容器(最大) 三个div块 左右两侧各一块,购物车独占一块(样式需设置) css下的文档(样式) /* 主页index1.html的样式表 */ /* 顶部导航条的样式 */ .topbar-wrapper{ /* 设置宽度全屏 */ width: 100%; /* 设置高度和行高 */ height: 40px; line-height: 40px; /* 设原创 2021-04-21 17:37:50 · 336 阅读 · 0 评论 -
小米官网静态页面项目实战教学1
项目的搭建 为了让代码更有条理,也方便修改。我们新建一个mi的文件夹,在其目录下分别再新建三个文件夹:css、fa、img,css文件夹用来存放重置样式表、公共样式表、页面样式表等文档,文件夹fa用来存放图标字体,文件夹img用来存放素材图片。 结构的划分:将整个页面进行一块块的拆分,一块一块的来写。 ...原创 2021-04-21 17:24:06 · 238 阅读 · 0 评论