前端第一次考核总结

问题：

关于超链接的一些问题没有实现，还有点击logo显示文字，点击中间的图换另一张图，文字的第一个字大写，链接的位置错了

 看到源代码后的收获：

1. background-size的cover和contain指定背景图片的自适应方式，只能对整张图片进行缩放。

cover是拉伸图片使之充满元素，元素肯定是被铺满的，但是图片有可能显示不全。

contain则是拉伸图片使图片完全显示在元素内，图片肯定能显示全，但是元素可能不会被铺满。

2.

#word:hover{

background-image: none; /*鼠标移入，图片变没*/

}

background-image：none；表示没有背景图片。

3. 块元素与内联元素之间转化

display:inline; 内联元素，在同一行显示。
display:block; 块级元素，有换行，会换到第二行。
display:inline-block; 就是在同一行内的块级元素。

4.cursor : 网页浏览时用户鼠标指针的样式或图形形状。
属性值：
default：默认光标（通常是一个箭头）
auto：默认，浏览器设置的光标
crosshair：光标为十字线
pointer：光标为一只手
move：光标为某对象可移动
text：光标指示文本
wait：光标指示程序正在忙（通常是一只表或者一个沙漏）

5. 文字

word-wrap: break-word;      /*文字自动换行*/
    text-indent: 2em;           /*开头空格两个*/
    user-select: none;          /*无法被复制*/

6. 对于一些块元素才能设置margin padding，所以如果要设置内外边距，要将内联元素转化成块元素