web实训总结（3.19）

1.导航栏
作业要求：实现导航栏运行
方法一：div方法的实现
完整代码：

Title

首页 Home

课堂大厅 Course

学习中心 Learn

关于我们 About

方法二：用ul li方法实现 Title

• 首页Home
• 大厅Course
• 学习中心Learn
• 关于我们About

2.Jquery基础----js框架，简单易用，代码量少。 js10行jQuery2行就可以搞定

知识点：
text-decoration：
属性规定添加到文本的修饰。
注释：修饰的加粗样式颜色由 “color” 属性设置。
padding：内边距
margin： 外边距
border： 边框
overflow ：属性规定当内容溢出元素框时发生的事情。

overflow 的值描述：
1.visible — 默认值。内容不会被修剪，会呈现在元素框之外。
2.hidden —内容会被修剪，并且其余内容是不可见的。
3.scroll — 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
4.auto — 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
5.inherit —规定应该从父元素继承 overflow 属性的值。

position可能的值值描述
1.absolute— 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
2.fixed— 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
3.relative— 生成相对定位的元素，相对于其正常位置进行定位。因此，“left:20” 会向元素的 LEFT 位置添加 20 像素。
4.static —默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
5.inherit —规定应该从父元素继承 position 属性的值。

visibility
属性用来设置一个给定的元素是否显示（visibility=“visible|hidden”），但是，虽然一个元素的visibility被设置为hidden，但是该元素仍然会占据设计的位置