SDU创新实训日记6.29-前端

基于深度学习的小学生作文标点修正系统——教师端网站前端(八)

工作总结

修改了所有页面的背景以及主题色
把登录页的动画效果变成了同系列的小动物变化
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

难点记录

修改bootstrap按钮、分页、导航等等的样式效果

为了配合背景图的色调

成功方法

Ctrl+R,在bootstrap.min.css文件中找到修改需要修改样式的类
在这里插入图片描述
在这里插入图片描述
找到目标类,复制到想要修改样式效果的页面进行修改
在这里插入图片描述
修改表格的分页样式和导航样式代码


/*修改分页的样式效果*/
        /*点击样式*/
        .pagination > .active > a,
        .pagination > .active > span,
        .pagination > .active > a:hover,
        .pagination > .active > span:hover,
        .pagination > .active > a:focus,.pagination>.active>span:focus {
            cursor: default;
            background-color: rgb(121,183,163);
            color: white;
            border-color: rgb(121,183,163);;
        }

        /*正常状态链接文字颜色*/
        .pagination>li>a{
            color: rgb(121,183,163);
        }

        /*悬停样式*/
        .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus,
        .pagination>li>span:focus {
            background-color: rgb(121,183,163);
            color: white;
        }

        /*修改导航的样式*/
        /*正常状态链接文字颜色*/
        .nav-pills > li > a {
            color: rgb(121,183,163);
        }

        /*点击选中样式*/
        .nav-pills > li.active > a,
        .nav-pills > li.active > a:hover,
        .nav-pills > li.active > a:focus {
            background-color: rgb(121,183,163);
            color: white;
        }

失败方法

在网上搜到了bootstrap的UI网站,可以直接下载想要的主题css文件,这个方法其实挺好的,但是因为我是组件都摆的差不多了才想要修改主题色,换成想要颜色的css文件后,又出现了新的问题。一是那些摆好的组件都位移了,让人伤心。二是nav组件切换的效果有问题,网页上的示例在切换的同时没有变换颜色,初始设置第一个nav-pill是active状态,点击其他pill,颜色样式不变,看起来还是选择了第一个pill。我???
可以选择bootstrap主题的网站
名叫Minty的bootstrap主题
搜索的时候有个网站可以自定义想要的主题色,导出对应的bootstrap文件,但是没仔细研究,也没留下网址。
后来看着别人的博客得出上述的成功方法。

参考链接

如何bootstrap的分页插件的颜色
bootstrap table分页悬停颜色改变

展开阅读全文

Python数据分析与挖掘

01-08
92讲视频课+16大项目实战+源码+¥800元课程礼包+讲师社群1V1答疑+社群闭门分享会=99元   为什么学习数据分析?       人工智能、大数据时代有什么技能是可以运用在各种行业的?数据分析就是。       从海量数据中获得别人看不见的信息,创业者可以通过数据分析来优化产品,营销人员可以通过数据分析改进营销策略,产品经理可以通过数据分析洞察用户习惯,金融从业者可以通过数据分析规避投资风险,程序员可以通过数据分析进一步挖掘出数据价值,它和编程一样,本质上也是一个工具,通过数据来对现实事物进行分析和识别的能力。不管你从事什么行业,掌握了数据分析能力,往往在其岗位上更有竞争力。    本课程共包含五大模块: 一、先导篇: 通过分析数据分析师的一天,让学员了解全面了解成为一个数据分析师的所有必修功法,对数据分析师不在迷惑。   二、基础篇: 围绕Python基础语法介绍、数据预处理、数据可视化以及数据分析与挖掘......这些核心技能模块展开,帮助你快速而全面的掌握和了解成为一个数据分析师的所有必修功法。   三、数据采集篇: 通过网络爬虫实战解决数据分析的必经之路:数据从何来的问题,讲解常见的爬虫套路并利用三大实战帮助学员扎实数据采集能力,避免没有数据可分析的尴尬。   四、分析工具篇: 讲解数据分析避不开的科学计算库Numpy、数据分析工具Pandas及常见可视化工具Matplotlib。   五、算法篇: 算法是数据分析的精华,课程精选10大算法,包括分类、聚类、预测3大类型,每个算法都从原理和案例两个角度学习,让你不仅能用起来,了解原理,还能知道为什么这么做。
©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值