Web网页布局

目录

一、传统的DIV+CSS布局（使用率最高的）

1.div传统的一块块转

2.以猫眼电影为例‘

3.div布局格式（唯一的id属性，不唯一写class重复的）

3.2总体布局样式

二、HTML5语义标签+CSS3布局

1.把div改为绿色的语义标签（目的：提高搜索引擎优化）

2.加绿色的可以改变网站不兼容问题

3.语义标签布局

三、响应式布局

根据访问者屏幕大小的不同进行自适应。

3.1有选择的执行 根据屏幕选择

3.2引用不同css（写两种样式）手机、平板、pc

---

一、传统的DIV+CSS布局（使用率最高的）

1.div传统的一块块转

2.以猫眼电影为例‘

3.div布局格式（唯一的id属性，不唯一写class重复的）

3.2总体布局样式

二、HTML5语义标签+CSS3布局

1.把div改为绿色的语义标签（目的：提高搜索引擎优化）

2.加绿色的可以改变网站不兼容问题

3.语义标签布局

三、响应式布局

根据访问者屏幕大小的不同进行自适应。

3.1有选择的执行 根据屏幕选择

3.2引用不同css（写两种样式）手机、平板、pc