学习前端第三周

1.未解决问题。图片浮动整不好。

由于这周做了数学建模，进程慢了些。    

知识积累

2.text-shadow 属性为文字阴影效果，合理应用可以使排版美观。

3.background-repeat 属性为背景图重复平铺，要使用适合做背景的图。background-position 属性背景图定位，fixed属性为固定背景图位置。

4.list-style-image属性可以设置列表某一列的背景。

5.a:link    a:visited    a:hover     a:active 为四种不同装填下的链接样式，要合理运用。

6.:hover选择器用于选择鼠标指针浮动在上面的元素。可用于所有元素，不只是链接。
7.<span style="cursor:auto">Auto</span>
<span style="cursor:crosshair">Crosshair</span>
<span style="cursor:default">Default</span>

<span style="cursor:pointer">Pointer</span>

<span style="cursor:move">Move</span>

<span style="cursor:e-resize">e-resize</span>
<span style="cursor:ne-resize">ne-resize</span>
<span style="cursor:nw-resize">nw-resize</span>
<span style="cursor:n-resize">n-resize</span>
<span style="cursor:se-resize">se-resize</span>
<span style="cursor:sw-resize">sw-resize</span>
<span style="cursor:s-resize">s-resize</span>
<span style="cursor:w-resize">w-resize</span>
<span style="cursor:text">text</span>
<span style="cursor:wait">wait</span>
<span style="cursor:help">help</span>

一些不同的光标，要多使用，做到灵活运用，网页中用的很多。

8.id与class标签区别。

class是一个样式，先定义好， 然后可以套给多个结构/内容, 便于复用。也就是说class名称可以相同。

id是一个标签，用于区分不同的结构和内容，就像人的名字， 如果一个屋子有2个人同名，就会出现混淆；id是先找到结构/内容，再给它定义样式。

id的优先级要高于class。

9.水平导航栏代码。

<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
display:inline;
}
</style>