摘要: 利用js的回调函数特征: 相互调用,实现方块的循环变色滚动,代码如下: css:样式: <style> div{ width: 100px; height: 100px; background-color: yellow; position: absolute; } </style> js:代码: 阅读全文
posted @ 2019-12-29 22:30 前端土元 阅读(152) 评论(0) 推荐(0) 编辑
摘要: // 利用parseInt 和 slice toString将16进制颜色转成rgb格式 // 思路:将16进制的颜色从下标1开始,利用slice方法,每隔两位取出 var div1 = document.querySelector("div"); var color = "#ab0000"; va 阅读全文
posted @ 2019-12-25 22:39 前端土元 阅读(820) 评论(0) 推荐(0) 编辑
摘要: 今天和大家分享一下position定位的相关知识 1、主要的属性:relative absolute fixed relative:就是相对自己当前的位置定位,不会脱离文档流 absolute:相对当前的父元素定位,如果没有就相对于文档定位,脱离文档流(不占据空间) fixed:固定定位,元素不会随 阅读全文
posted @ 2019-12-24 08:23 前端土元 阅读(571) 评论(0) 推荐(0) 编辑
摘要: css自适应布局可以分为以下几种: 1、宽度全部100%,高度自适应页面 布局时候的要点是计算出划分的版块在设计图中所占的百分比,要注意提前将html,body{height:100%;} 2、两栏(左右) 三栏(双飞翼布局) 这两种布局方法是从左往右依次排开,方法如下: 1、触发BFC规则 两栏: 阅读全文
posted @ 2019-12-24 08:14 前端土元 阅读(1011) 评论(0) 推荐(0) 编辑
摘要: <div id="test"></div> <a href="#test">回到首页</a> //将样式修改一下就可以用了 <div id="box1"></div> <div id="box2"></div> <div id="box3"></div> <div id="box4"></div> 阅读全文
posted @ 2019-12-17 16:16 前端土元 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 父元素有定位,子元素有绝对定位 left right top bottom都设为0 margin:auto 子元素居中 left:50% top:50% margin-top:—子元素宽度一半;margin-left:-子元素宽度一半 固定定位也可以使用以上两种方式 阅读全文
posted @ 2019-12-17 16:12 前端土元 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 步骤如下: 1、版心盒子设置相对定位relative 2、banner图设置绝对定位,设置block,清除默认的间距 3、banner图的left设置:left:50%; margin-left:-banner图宽度一半; 阅读全文
posted @ 2019-12-17 16:10 前端土元 阅读(716) 评论(0) 推荐(0) 编辑
摘要: 在做二级下拉菜单时,最主要的两点: 1、外层的ul和内层的下拉ul需要设置不同的class 2、下拉列表ul使用绝对定位,这样能避免影响下面元素的正常显示 阅读全文
posted @ 2019-12-17 16:07 前端土元 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 使用ul和li进行浮动布局(自适应) 1 图片上下两排: 首先盒子的宽度要给100% ul包裹一个div,首先量好盒子的宽和高,并进行设置, margin 0 auto 盒子居中显示 每个li向左浮动,如果有间隔给一个margin-right即可,使用伪类选择器 nth-child来将不需要marg 阅读全文
posted @ 2019-12-12 13:47 前端土元 阅读(1032) 评论(0) 推荐(0) 编辑
摘要: 如果是li浮动导致ul没有宽度,给ul手动设置一个宽度或者给div一个overflow:hidden; 阅读全文
posted @ 2019-12-10 21:33 前端土元 阅读(243) 评论(0) 推荐(0) 编辑