今日学习
今天把CSS部分内容学完了,进入到了JS的学习。勤奋一点JS的内容预计两天学完,真想快进到JAVAWEB和框架的学习。
CSS 定位
相对定位
相对定位:它仍然在标准文档流中,原来的位置会被保留
语法:
position: relative;/*相对定位 相对自己原来的位置进行指定的偏移*/
top:-20px;
bottom、left、right
示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#father{
width: 300px;
height: 300px;
border: 2px solid red;
padding: 10px;
}
a{
width: 100px;
height: 100px;
text-decoration: none;
background-color: #e79fdf;
line-height: 100px;
text-align: center;
color: white;
display: block;
}
a:hover{
background-color: #4242e2;
}
#first{
}
#second{
position: relative;
top: -100px;
right: -200px;
}
#third{
position: relative;
top: -100px;
right: -100px;
}
#forth{
position: relative;
top: -100px;
}
#fifth{
position: relative;
top: -200px;
right: -200px;
}
</style>
</head>
<body>
<div id="father">
<a href="#" id="first">连接1</a>
<a href="#" id="second">连接2</a>
<a href="#" id="third">连接3</a>
<a href="#" id="forth">连接4</a>
<a href="#" id="fifth">连接5</a>
</div>
</body>
</html>
绝对定位
定位:基于XXX定位,上下左右
1、没有父级元素定位的前提下:相对于浏览器定位
2、假设父级元素存在定位,我们通常会相对父级元素进行偏移
3、在父级元素范围内移动
相对于父级或浏览器的位置,进行指定的偏移,绝对定位的话,它不在标准文档流中,原来的位置不会被保留
定义代码:
position:absolute;
固定定位fixed
永远在原来的位置
position:fixed;
z-index
设置元素的堆叠顺序
JavaScript
什么是JavaScript
JavaScript是一门世界上最流行的脚本语言
一个合格的后端人员必须要精通JS
JS语法:
JS严格区分大小写
基本语法:
<script></script>可以直接在标签内写,内部标签使用
alert("123123"); --弹出对话框
script标签必须成对引入
JS的外部引入:
<script src="地址"></script>
注释和JAVA一样
定义变量
var num = 1;
控制台调试:
F12 -> source -> 打断点调试
console.log(变量);//打印出来 = system.out.println();
JS的创建规范:
JS数据类型
number
number JS不区分小数和整数 Number
123 //整数
123.1 //浮点数
1.123e3 //科学计数法
-99 //复数
NaN //not a number
字符串 布尔值 比较运算符
比较运算符的使用
JS的缺陷,避免使用双等于==,建议使用===。
数值判断
浮点数问题
尽量避免使用浮点数进行计算,注意精度问题
输出值为false
数组
对象
总结
没啥说的,明天继续