本文详细介绍了CSS中的display属性，包括如何使用display隐藏和显示元素，以及display:none和opacity的区别。此外，还深入讨论了定位技术，解释了为何需要定位，详细阐述了静态定位、相对定位和绝对定位的概念及其特点，并通过实例展示了它们的应用效果。
前言
知识点的延伸显示隐藏，display在我们之前学习的知识点里面我们的display属性是给我们来设置元素转换模式的。但是除了元素转换之外，display还可以显示隐藏元素。
一、display
display：none 隐藏元素，在文档的位置也会消失，但是真实的DOM还是存在文档的
display：block 可以转为块级元素，还可以显示被隐藏的元素。
opacity
取值范围0-1,【0完全消失，1完全显示】这个属性和display：none隐藏元素有一个很相似的地方都是能够让元素隐藏的，但是display能够让元素的位置在页面中消失，但是opacity这个属性只是让元素看不见，但实际上位置还在原来的地方，另外一个区别就是display显示隐藏不能直接让一个元素直接使用hover直接显示，但是opacity可以使用hover显示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>day08学习css层叠样式表</title>
<style type="text/css">
/* 字体属性——font-family*/
/*
.one {
width: 100px;
height: 100px;
user-select: all; */
/* 多出来的会被修剪 */
/* overflow: hidden;
}*/
div {
display: none;
width: 100px;
height: 100px;
ba
最低0.47元/天 解锁文章
3150
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
