HTML：===> 结构层 css：===> 表现层 js：===> 行为层

css的常用三种类型选择器：

1、基本选择器：

id

class

标签

*

逗号选择器（,）

2、包含选择器：

子代选择器（>）

后代选择器（空格）

3、属性选择器：

[name]

[name=value]

[name^=value]

[name$=value]

css常用样式：

height：

width：

border：1px solid #fee;

color：

background：

display：

定位问题：

position:

DIV+CSS页面布局（盒子模型）

box-shadow: 4个参数，上下 ，左右 ，模糊度，颜色。

box-shadow: 3个参数，上下 左右 ，模糊度，颜色。

一、css的三种引入方式：

二、css选择器的类型：

1.基本选择器

2.包含选择器

3、属性选择器

+选择器：

三、字体样式的设置

background

display

hidden

定位：

弄明白绝对定位还是相对定位：

float：浮动