云麓谷研发部
文章平均质量分 93
新参者-tangent
中南大学20级在读本科生,专业为数据科学与大数据技术
展开
-
【如何进行div划分】云麓谷信息技术中心研发部中级作业【HTML+CSS静态页面】
introduction这是中南云麓谷信息技术中心2021年招新的中级作业的详细解析。考察的技术点考察 HTML 知识点:div/span ,class/id ,图片,超链接等。考察 CSS 知识点: flex 布局,盒子模型,fixed 定位,background 背景图片,box-shadow 阴影,元素圆角的控制等。参考标准就照着这个图做:技术挑战盒子模型所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒子模型原创 2021-10-07 09:53:30 · 369 阅读 · 0 评论 -
数据库SQL快速入门(持续更新)
数据库SQL快速入门MySQL软件的安装MySQL软件的安装在官网下载压缩包文件(我下的版本是8.0.23)先解压,然后在MySQL文件夹下创建一个my.ini文件,更改my。ini文件里面的两行安装目录。是原创 2021-02-10 21:09:46 · 405 阅读 · 1 评论 -
研发第一次培训
第一次嗯,星期二听了智哥的深夜课堂,学到了不少东西:首先是对flex布局的更深入理解:主轴和交叉轴的理解justify-content和align-items的用法然后是对盒子模型的应用有了更广泛的实践可以用空盒子加上margin做页面空白可以用空盒子加上颜色变成实心的线对于左右微调的问题可以用margin-left或者margin-right控制还有对一些简便方法的掌握,比如在开头只要一个“!”就可以省掉很多功夫。最后就是对代码规范意识的提升,之前我用标签的时原创 2020-10-24 10:25:26 · 112 阅读 · 0 评论 -
position和transform的用法
POSITIONCSS中我们想要改变一个元素的位置,我们可以采用的方法之一就是定位,这也是我们最先接触的方法。其主要用法就是给需要移动的元素的父元素或以上添加 position:relative; 再给自身添加 position:absolute; 然后通过改变方位(top,left,right,bottom)来实现元素的移动。TRANSFORMCSS3中提供了transform属性,其中的translateX和translateY值可以实现元素的横向与纵向移动。区别和选择经过测试。TRANSFO转载 2020-11-01 16:30:33 · 2249 阅读 · 0 评论 -
研发部第二次任务心得
研发部第二次任务心得第二次任务相比第一次明显难度大了很多,就我个人来看,有如下几个难点:页头的轮播图片通过我个人查找的资料来看,这个形态最好用JavaScript来实现,但我也不会JavaScript呀,所以我们就选择 放弃这个鬼畜的任务 换用CSS来实现。当然啦,CSS实现的效果估计没有JavaScript那么好,而且就我掌握的情况来看,在CSS中自动轮播和手动轮播很难同时一起实现。话不多说,直接来链接和代码:如何用纯css3实现轮播图CSS3 @keyframes 规则HTML代码:原创 2020-11-01 16:25:16 · 151 阅读 · 0 评论