Html和Css
◑﹏◐无名小卒
学习!^_^
展开
-
《小玩意》项目研发阶段性总结
《小玩意》项目研发阶段性总结作者:刘锦荣本次任务完成时间:20199年1月16日~2019年1月21日开发工具与关键技术:DW中的HTML和CSS的使用;完成模块功能:大部分都是HTML和CSS共同来实现的页面(一) 页面和代码的表面(1).整个页面主要都是用伪类实现很好的考验自己的HTML和CSS3动画使用熟练程度(2).做一个网页,最好事先就想好网页的构架,如何去搭建网页,该用什...原创 2019-01-20 21:19:43 · 184 阅读 · 0 评论 -
模态框
开发工具与关键技术:HTML、JS作者:LJR撰写时间:2019年 5 月 21 日在平常的网页中,点击某一个按钮的时候弹出一个模态框,要弹出这个模态框的功能,其实很容易的,以下面的一个模态框为例子说明模态框的实现是怎么样的,在这个模态框里面有两个选择按钮,可以选择相对应的架构,左边是有一个选择区域的部分,右边则是一个表格。为了网页能够用响应式,代码中应用了bootstrap-...原创 2019-05-28 15:37:31 · 157 阅读 · 0 评论 -
风琴导航
开发工具与关键技术:DW;作者:刘锦荣撰写时间:2019年2月17日1.风琴导航的目的是让人观看起来觉得比较奇特,让人觉得挺好玩的,那么风琴导航的代码也是很简单的2.这是一个风琴导航,其实风琴导航就是使它里面的标签在鼠标移入后有一个先后弹出的时间;3.css的代码样式有点多,需要我们耐心一点,每一个标签要单独设置;4.这样设置后,在网页显示上,当鼠标移入后,风琴导航弹出的效果如下...原创 2019-02-19 12:52:21 · 222 阅读 · 0 评论 -
hover的使用
开发工具与关键技术:DW;作者:刘锦荣撰写时间:2019年2月15日1.对于伪类hover的使用,我们要熟悉,做了个简单的来东西来看看伪类hover使用;2.这是本来的样式,那么我们给它的边框的那个圆圈添加伪类后;3.几句简单的代码,我们实现到想不到的效果。...原创 2019-02-19 12:46:02 · 3423 阅读 · 0 评论 -
加载调用事件
开发工具与关键技术:DW;作者:刘锦荣撰写时间:2019年2月13日每当屏幕加载到某个值得时候,就调用相对应的代码该如何实现呢?做了一个小小的例子这两个方块是在屏幕的高度加载到某个像素值后才调用代码的,在像素值不相对应的时候,它是隐藏到两边黑色部分里面的。1.它是两个标签给予样式实现出来的 <a href="#" class="Left" id="Left" style="d...原创 2019-02-19 12:25:37 · 106 阅读 · 0 评论 -
去掉input的高亮效果
开发工具与关键技术:DW;作者:刘锦荣撰写时间:2019年2月13日1.平时我们写的input标签,它自带有高亮效果的2.这个input是最原始的标签,那么我们把它的边框的高亮效果去掉,很简单的imput:focus{outline:none;}3.我们加入这句代码后,我们的input标签边框的高亮效果就会去掉了,4.input标签的这个效果,我们自己根据需要和喜欢去设定...原创 2019-02-18 22:17:06 · 9446 阅读 · 2 评论 -
获取屏幕高度
开发工具与关键技术:DW;作者:刘锦荣撰写时间:2019年2月8日1,在写代码时,我们获取整个屏幕的高度来显示我们的代码,有一个小小的例子,如下:2.写好两个盒子,给它css样式3.重点是JS部分4.这样我们就完成了获取屏幕高度来显示代码了。...原创 2019-02-18 22:10:47 · 188 阅读 · 0 评论 -
快慢条的实现
开发工具与关键技术:html+css作者: 刘锦荣撰写时间: 2019年1月30日我们要实现一个快慢条是很简单的:(1)首先创建几个div:在这里插 &lt;div class="bigBox" id="bigBox"&gt; &lt;div class="knt1"&gt;&lt;/div&原创 2019-01-30 19:54:42 · 257 阅读 · 1 评论 -
响应式做的表格
开发工具与关键技术:HTML、JS作者:LJR撰写时间:2019年 5 月 26 日在平常的网页中,做一些普通表格时,没用用到响应式时,游览器的高度一发生变化的时候整个样式都乱了,这些表格不是从数据库中查数据的,而是直接打上去的,对于新入门的程序员,要做一个具有响应式的的普通表格,该怎么办呢?不用怕,这其实是很简单的,下面的图片就是具有响应式的效果,根据显示屏幕的高度去自适应,效果更...原创 2019-05-28 15:40:51 · 855 阅读 · 0 评论