前端学习笔记十四

---

CSS的背景

1•background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。•scroll：默认值。背景图像会随着页面其余部分的滚动而移动。否固定或者随着页面的其余部分滚动•fixed：固定显示，相对于body固定。一般只用于body的背景设置。

2•background-color设置元素的背景颜色。

3•background-image设置元素的背景图像。

4•background-position设置背景图像的开始位置。

5•background-repeat设置是否及如何重复背景图像。

margin-left:auto;左侧外边距自动，不用浮动块级元素也可以到右侧

.vertical-align 垂直对齐方式和inline-block 的使用让盒子和文字对齐

overflow:hidden;隐藏超出的那部分display:none;不显示元素同时也不占位置visibility:hidden;不显示元素但是占有位置

CSS标签嵌套

1.内联元素不能包含块元素，它只能包含其他的内联元素

2.有些块级元素不能放其他块级元素 （h1-h6、p）

3、a标签不能嵌套a和input标签

CSS内容移除某个区域（常用于logo 优化）

1. 利用text-index:-2000em;

2. 利用padding 挤开盒子 并且overflow 切割。

3.利用margin拉动盒子配合overflow切割