HTML+CSS基础（三）

1.添加多个类名

一个标签可以添加多个类名的，类名与类名之间敲上空格

<div class=”aa bb”></div>

2.相对定位特点

1.   走动的位置，是在原本自己的位置上开始移动的

2.   占位置的

3.绝对定位特点

1.   默认以body为起点

2.   不占位置

3.   能够设置宽高

4. 子绝父相

作用：解决因为不同用户的分辨率问题，位置也会受到移动

子级绝对定位、父级相对定位。

原理：以父盒子为起点，去进行移动

 

5.定位盒子居中的方法

Div{

      Height:50px;

      Position:absolut;

      Top:50%;

Margin-top:-25px;

}

通过margin往回拉自身宽或高的一半

6.Z-index

作用：解决定位元素，谁压着谁的问题

z-index:1;数值越大，越靠前

条件：只有定位的元素才能使用z-index

7.固定定位

作用：永远固定在用户的可视区域

特点：

        1.   以可视窗口为起点

        2.   不占位置    

        3.   都可以设置宽高

8.背景颜色半透明

background:rgba(0,0,0,0.5);

9.CSS继承性问题

子级会继承父级写的一些字体样式

只能继承字体样式：color,font-size,text-decoration,text-align,line-height

10.    CSS权重值

标签   <   类    <  id选择