- 博客(6)
- 收藏
- 关注
RSS订阅转载 css样式水平居中和垂直居中的方法
水平居中（包含块中居中）1.定宽，左右margin为auto。（常规流块盒、弹性项目[不用定宽]）例子：在box1盒子上设置宽，再设置margin：auto；<style> .box1 { width: 200px; height: 200px; background-color: black;...
2019-09-22 18:11:00
199
转载 css简单动画（transition属性）
一、对transition属性的认识1、transition属性是一个简写属性，可用于设置四个过渡属性：transition-property 过渡效果的CSS属性的名称（height、width、opacity等）。transition-duration 完成过渡效果需要时间。transition-timing-function规定速度效果的速度曲线。t...
2019-09-17 15:38:00
745
转载 html/css中map和area的应用
一、使用方法：因为map标签是与img标签绑定使用的，所以我们需要给map标签添加ID和name属性，让img标签中的usemap属性引用map标签中的id或者name属性（由于浏览器的不同，usemap属性接收二者之一的值，所以通常name和id属性二者都写，值相同），并配合area标签进行使用。例如：1、我们先插入一张图片，并与map连接好2、然后用are...
2019-09-15 12:09:00
525
转载 html/css弹性布局的几大常用属性详解
弹性布局的名称概念：1、容器：需要添加弹性布局的父元素；项目：弹性布局容器中的每一个子元素，称为项目。2、主轴：在弹性布局中，我们会通过属性规定水平/垂直方向（flex-direction）为主轴；与主轴垂直的另一方向，称为交叉轴。弹性布局的重要的几大基础属性：1、flex-direction属性决定主轴的方向（即项目的排列方向）。row（默认值）： 主轴为水平方向，...
2019-09-10 16:35:00
700
转载 html/css中相对定位relative和绝对定位absolute的用法
一、相对定位（position：relative）1、相对定位：将盒子的position属性设置为relative；可通过left、top、right、bottom设置偏移量。相对定位基础用法示例：我们先在页面设置两个div盒子（第一个红色；第二个蓝色）最初的位置我们将第一个盒子进行相对定位；离左边200px；离顶部50px；...
2019-09-08 18:05:00
312
转载 html/css中float浮动的用法
一、float基础用法示例1、我们先建两个div盒子，设置高度、宽度和背景颜色；最开始两个盒子在网页上的位置如下：然后我们将红色盒子浮动到右边然后我们会发现红色盒子浮动到了右边，但是蓝色盒子就直接上移到了原先红色盒子的位置。然后我们将蓝色盒子也浮动到右边看看效果：我们会发现它会紧跟着红色盒子排列，而不会受块级元素影响独占一...
2019-09-08 02:07:00
632
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人