摘要: 一、对transition属性的认识 1、transition 属性是一个简写属性,可用于设置四个过渡属性:transition-property 过渡效果的 CSS 属性的名称(height、width、opacity等)。transition-duration 完成过渡效果需要时间。transi 阅读全文
posted @ 2019-09-17 15:38 太微 阅读(1760) 评论(0) 推荐(1) 编辑
摘要: 一、使用方法: 因为map标签是与img标签绑定使用的,所以我们需要给map标签添加ID和name属性,让img标签中的usemap属性引用map标签中的id或者name属性(由于浏览器的不同,usemap属性接收二者之一的值,所以通常name和id属性二者都写,值相同),并配合area标签进行使用 阅读全文
posted @ 2019-09-15 12:09 太微 阅读(1074) 评论(0) 推荐(1) 编辑
摘要: 弹性布局的名称概念: 1、容器:需要添加弹性布局的父元素;项目:弹性布局容器中的每一个子元素,称为项目。 2、主轴:在弹性布局中,我们会通过属性规定水平/垂直方向(flex-direction)为主轴;与主轴垂直的另一方向,称为交叉轴。 弹性布局的重要的几大基础属性: 1、flex-directio 阅读全文
posted @ 2019-09-10 16:35 太微 阅读(1789) 评论(0) 推荐(1) 编辑
摘要: 一、相对定位(position:relative) 1、相对定位:将盒子的position属性设置为relative;可通过left、top、right、bottom设置偏移量。 相对定位基础用法示例: 我们先在页面设置两个div盒子(第一个红色;第二个蓝色) 最初的位置 我们将第一个盒子进行相对定 阅读全文
posted @ 2019-09-08 18:05 太微 阅读(3120) 评论(0) 推荐(3) 编辑
摘要: 一、float基础用法示例 1、我们先建两个div盒子,设置高度、宽度和背景颜色; 最开始两个盒子在网页上的位置如下: 然后我们将红色盒子浮动到右边 然后我们会发现红色盒子浮动到了右边,但是蓝色盒子就直接上移到了原先红色盒子的位置。 然后我们将蓝色盒子也浮动到右边看看效果: 我们会发现它会紧跟着红色 阅读全文
posted @ 2019-09-08 02:07 太微 阅读(4110) 评论(0) 推荐(2) 编辑