css 设计，当做笔记记之。
DIV置于最底层
- css样式
1
style="z-index:-100;position: relative;"
仅仅在position: relative; 或者 绝对布局使用z-index 才会生效
DIV置于最高层
- CSS样式
1
style="z-index:9999;position: relative;"
@media 查询来制作响应式设计
- CSS样式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.example {
padding: 20px;
color: white;
}
@media only screen and (max-width: 600px) {
.example {background: red;}
}
@media only screen and (min-width: 600px) {
.example {background: green;}
}
@media only screen and (min-width: 768px) {
.example {background: blue;}
}
@media only screen and (min-width: 992px) {
.example {background: orange;}
}
@media only screen and (min-width: 1200px) {
.example {background: pink;}
}
