html+css
文章平均质量分 85
基础前端
希境
被代码耽误了的厨师
展开
-
抽奖助手——端午老板加班让我写个抽奖助手给员工发福利
需要源码的私聊我哦 一、整体框架 二、按键联动 三、图片联动我们开始时,小图片和大图是一样的图片,按键点击后,小图开始滚动,按键的文字也从开始变成了结束 如下图所示,点击后小图不停的滚动,点击停止后,小图与大图变成一样 上面三个元素的代码 这里我们使用的是JQ框架jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更原创 2022-06-06 08:06:48 · 4228 阅读 · 32 评论 -
css中关于盒子模型与层模型的理解与应用(二)
题记:接css中关于盒子模型与层模型的理解与应用(一) 三,浮动与清除 浮动和清除是用来组织页面布局的又一柄利剑,这柄剑的剑刃就是 float 和 clear 属性。float可以脱离常规文本流,原来紧跟其后的元素就会在空间允许的情况下, 向上提升到与浮动元素平起平坐。clear则可以清除前面浮动的影响,使其待在原始位置。 实现目的: 一是可以实现报纸上那种文字绕排图片的效果。 二是可以让原来上下...原创 2020-03-02 21:44:58 · 180 阅读 · 0 评论 -
css中关于盒子模型与层模型的理解与应用(一)
题记:之前学了一会盒子、层模型,也做了几个小项目,但还是往往应用中会出现一点小瑕疵,今天就详细的总结一下。 一,盒模型理解 1)简单说说: 我们都知道任何元素都相当于一个盒模型——他们都有默认值。 每过元素都像上述的一样有自己的文本内容、padding、border、margin(没有显示出来就是0)。在实际问题中经常作怪的就属margin与padding了。 2)内外边距问题 默认设置: 由于元...原创 2020-03-01 11:15:57 · 333 阅读 · 0 评论 -
css中关于盒子模型与层模型的理解与应用(四)
接css中关于盒子模型与层模型的理解与应用(三) 四,定位 定位属性有四个值:static、relative、absolute、fixed。 1)静态定位 默认的定位都是静态的—static。他们处在常规的文本流中进行堆叠。 ...原创 2020-03-26 08:59:50 · 188 阅读 · 0 评论 -
css中关于盒子模型与层模型的理解与应用(三)
接css中关于盒子模型与层模型的理解与应用(二) 没有父元素时如何清除 有时候,在清除某些浮动元素时,不一定正好有那么个父元素可以作为容器来强行 包围它们。此时,最简单的办法就是给一个浮动元素应用 clear:both ,强迫它定位 在前一个浮动元素下方。但是如果在空间足以容纳多个元素向上浮动时,这个简单的 办法未必奏效,我们还得另辟蹊径。 如: img{ float:left; clear...原创 2020-03-06 10:31:27 · 127 阅读 · 1 评论 -
奥运五环
用html+css写一个奥运五环 要求: ** 无论怎样改变浏览器宽高,该五环都在正中央。** 1 先看效果图 缩小后效果为: 2 分析 1)将五个圆环装在一个盒子里。 2)内部:以一个环固定,合理的布局其余四个环的相对位置。 3)外部:再将整个盒子摆在正当中。 ...原创 2020-02-02 06:21:52 · 668 阅读 · 2 评论