spring实训笔记1

1、功能规划
在这里插入图片描述
2、新建WebStorm项目，在项目中创建static目录和index首页文件，并在static目录中新建css、js、images目录

3、index中设置移动端效果

4、访问semantic官网，查找cdn，并复制css及js

5、将jQuery放入js文件夹，并在首页引入

6、页面顶部内容

7、页面顶部效果

8、底部

    <footer class="ui inverted vertical segment m-padded-tb-massive"><div class="ui center aligned container"><div class="ui inverted divided grid"><div class="three wide column"><div class="ui inverted link list"><div class="item"><img src="static/images/wechat.jpg" class="ui rounded image" alt="" style="width: 110px"></div></div></div><div class="three wide column"><h4 class="ui inverted header m-text-thin m-text-spaced">最新博客</h4><div class="ui inverted link list"><a href="#" class="item">用户故事（UserStory）</a><a href="#" class="item">用户故事（UserStory）</a><a href="#" class="item">用户故事（UserStory）</a></div></div><div class="three wide column"><h4 class="ui inverted header m-text-thin m-text-spaced">联系我</h4><div class="ui inverted link list"><a href="#" class="item">Email:1609587251</a><a href="#" class="item">QQ:1609587251</a></div></div><div class="seven wide column"><h4 class="ui inverted header m-text-thin m-text-spaced">Lirebnl</h4><p class="m-text-thin m-text-spaced m-opacity-mini">这是我的个人博客、会分享关于编程、协作、思考相关的任何<br>内容，希望可以给到这儿的人有所帮助</p></div></div><div class="ui inverted section divider"></div><p class="m-text-thin m-text-spaced m-opacity-mini">Copyright@2016-2017LirenmiDesigendByLirenmi</p></div></footer>

9、样式结果

spring实训笔记1相关推荐

SSM 实训笔记 -10- 使用 sessionStorage 存储数据、js 图片验证码、登录加载动画
SSM 实训笔记 -10- 使用 sessionStorage 存储数据.js 图片验证码.登录加载动画本篇内容: (1)在登录成功时,使用 sessionStorage 存储用户的用户名,并在登录 ...
OSS报表系统实训笔记
OSS报表系统实训笔记实训公司:中科天地 (王海格,老师超好) Edited by Hen Egg ,Michelangel ...
css+js+jq实训笔记
css+js+jq实训笔记 css第一天 css第二天 css第三天 css第四天 css第五天 css第六天 js第一天 js第二天 js第三天 js第四天 js第五天 js第六天 jq第一天 jq ...
信息安全实训笔记1——身份认证技术
文章目录实训任务1密码与账户锁定策略实训任务2 弱口令爆破工具的使用实训任务3 口令强度判断实训任务4 明文口令加密实训任务5 人脸识别技术总结实训任务1密码与账户锁定策略在密码策略中 ...
大四上实训笔记（物联网与智慧思维）
文章目录: Day1 Day2 实现菱形的动画输出 Day3 归并排序 Day4 test_1.c:倒序输出 test_2.c:去掉空格 hwork:输入的字符串,去掉重复的字符 Day5 Day6 ...
SpringBoot实训笔记
JS+SpringBoot:前后端分离简介 Springboot前后端交互前端(JS) 前端处理JSON字符串后端(SpringBoot) 前后端交互拓展 @注解全局配置文件applicat ...
实训笔记(一) 创建文件夹(SDCard)
//创建文件夹(在布局文件中的Button控件绑定事件"android:onClick="Creat_dir"") public void Creat_dir( ...
PHP实训笔记,【学习笔记19】实验吧让我进去
知识点 MD5拓展攻击解题思路打开网站后看到,什么都没有,尝试抓包分析 360截图17860604827894.PNG Burp 抓包发现,Cookie有东西.先是把source=0改成sourc ...
android日记本实训报告,实训笔记
一计算机历史: 四个阶段 2 操作系统: 1.移动端系统:android和ios 2pc端:Windows linux,macOS,Unix3 Linux 1.Linux分类:Ubuntu ,cen ...

spring实训笔记1

spring实训笔记1相关推荐

最新文章

热门文章