CSS元素嵌套问题

| 字数 1845

        回顾了一下之前的代码,发现一个css中的坑即层叠顺序。什么叫层叠顺序?简单来说就是在屏幕上某一个位置堆积了很多 div 这些块哪个在上哪个在下的关系就是层叠顺序。(下面代码演示了三层堆叠)

css水平垂直居中

| 字数 896

水平垂直居中

水平垂直居中是老生常谈的话题,也是面试官比较喜欢问的问题。下面我对在实际中常常运用的几种方式做总结。HTML结构如下(这里我默认wrapper水平垂直居中):
  

1
2
3
  <div class="wrapper">
<div class="goal"></div>
 </div>

浅谈响应式布局&自适应布局

| 字数 1889

一、响应式布局

1、什么是响应式页面?响应式布局可以一统pc&mobile吗?响应式与自适应式布局的区别?

  • 响应式简单来说是一个网站的布局 能够兼容多个不同终端, 而并不是传统的pc端一套页面,移动端一套页面。
  • 当初Ethan Marcotte在2010年5月份提出的这个概念的时候是希望响应式可以一统pc&mobile页面,同时我们也做到了。但是这样带来的问题也越发让开发者心烦意乱,最重要的一点就是兼容各种设备会导致 大量累赘的代码,维护与重构较麻烦。
  • 响应式布局讲究的是使用一套布局代码来在不同终端展示,根据屏幕尺寸的大小对页面的布局进行改造(即当屏幕变小时,开发者可能会让标题栏中原本显示10个子标题现在只显示5个,隐藏剩下的5个或者让其在第二行出现),而