第四周 学习的收获

SQL

42.查询本（下）周过生日的学生
这个题有两种方法，一种是使用上面提到的extract（）函数，返回值选择week；另一种是使用weekofyear（）函数
如图


PS：这里由于巧合，没有符合条件的学生，于是我稍微修改了条件（查询9周后过生日的学生），如下：

44.查询本（下）月过生日的学生
此题用extract（）函数，返回值选择month
如下

PS：这里由于巧合，依旧没有符合条件的学生，于是我稍微修改了条件（查询下下个月后生日的学生），如下：

HTML、CSS、JS

一、
学会了如何运用JS实现轮播图和鼠标经过显示下拉菜单。
实现轮播图的时候遇到一点问题。因为我是做了两组轮播图，刚开始做第一个的时候考虑不周，设定的计时器是一个全局变量，所以两个计时器相互干扰，都不能正常轮播；后来仔细检查代码发现问题之后试着将全局变量改成局部变量，运行之后发现两组轮播图都能够正常运行了。
至此，问题圆满解决。
二、
以下是一些学到的新的样式，由于太多，只列部分：

1.position
h2
{
position:absolute;
left:100px;
top:150px;
}
absolute
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定 位。

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

fixed
生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

relative
生成相对定位的元素，相对于其正常位置进行定位。

因此，“left:20” 会向元素的 LEFT 位置添加 20 像素。

static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit 规定应该从父元素继承 position 属性的值。

2.box-shadow 属性向框添加一个或多个阴影。
div
{
box-shadow: 10px 10px 5px #888888;
}
语法：
box-shadow: h-shadow v-shadow blur spread color inset;
注释：box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的 阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

h-shadow 必需。水平阴影的位置。允许负值。 测试
v-shadow 必需。垂直阴影的位置。允许负值。 测试
blur 可选。模糊距离。
spread 可选。阴影的尺寸。
color 可选。阴影的颜色。请参阅 CSS 颜色值。
inset 可选。将外部阴影 (outset) 改为内部阴影。

3.transform-origin
设置对象变换的原点，通常和rotate旋转、scale缩放、skew斜切等一起使用，IE9+
2D情况下：默认值 50% 50%，即center center
3D情况下：默认值 50% 50% 0
取值介绍：
注意：如果只设置一个值，则该值作用于横坐标，纵坐标默认50%，Z轴默认为0，另外百分比是相对于自身进行计算的。
如：
{ transform: rotate(45deg);
transform-origin: 0 0;
-ms-transform: rotate(45deg); /* IE 9 /
-ms-transform-origin: 0 0;
-moz-transform: rotate(45deg); / Firefox /
-moz-transform-origin: 0 0; -webkit-transform: rotate(45deg); / Safari Opera and Chrome */
-webkit-transform-origin: 0 0; }

4.overflow:
div
{
width:150px;
height:150px;
overflow:scroll;
}
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

5.cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状
span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}

clear 属性规定元素的哪一侧不允许其他浮动元素。
left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。
inherit 规定应该从父元素继承 clear 属性的值。

6.display 属性规定元素应该生成的框的类型。
p.inline
{
display:inline;
}

7.向 div 元素添加圆角边框：
div
{
border:2px solid;
border-radius:25px;
}