文章目录
一.复习HTML
1.面试题（行内元素和块级元素区别）
①行内元素：a、 img 标签一行可以显示多个元素。
②块级元素：p 、div、 ul 、li 、h1-h6标签 独占一行，一行显示一个元素。
2.面试题（盒子模型）
①margin+padding+border+内容部分
3.面试题（元素隐藏的方式）
①.display:none; 设置之后我们的元素不占位置，直接从页面消失。
②.visibility:hidden; 设置之后依然占位置，只是我们的视觉上看不见而已。
③.opacity:0；（透明度为0）
4.代码演示
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">//编码格式为UTF-8
<title>学习</title>
<style>
div{
width: 200px;
height: 200px;
}
.first{
background-color: aqua;
/*
display: none;
是否可见
不可见之后，不会在网页中占着位置
*/
}
.second{
background-color: black;
/*
visibility: hidden;
是否可见
不可见之后，会在网页中占着位置
*/
}
.third{
background-color: red;
/*opacity: 0;*/
/*
opacity的取值范围： 0-1
0完全透明
1完全不透明
*/
}
</style>
</head>
<body>
<!--Ctrl+d 复制-->
<!--Ctrl+/ 注释-->
<!--Alt 多行编辑-->
<p>快乐每一天</p>
<a href="http://www.baidu.com">跳转到百度</a>
<div class="first"></div>
<div class="second"></div>
<div class="third"></div>
</body>
</html>
二.JavaScript热身阶段
1. 表达式
由运算符连接的操作数据。
最低0.47元/天 解锁文章
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
