网页前端设计中一些常用CSS标签

自适应的一些代码写法

@media(min-width:1913px){ }/*当浏览器视口（viewport）宽度达到或超过1913像素时，应用大括号{}内的CSS样式规则。*/

详细解释：

1. media-CSS的媒体查询规则开始

2.(min-width:1913px)-查询条件：最小宽度为1913px

3.{}-包含要应用的CSS样式声明

@media(min-width:1637px)and(max-width:1912px){ }/*当浏览器视口（viewport）宽度在1637像素到1912像素之间（包含两端）时，应用大括号{}内的CSS样式规则*/

详细拆解：

1. media-CSS媒体查询规则的开头

2.(min-width:1637px)-最小宽度条件：屏幕宽度≥1637px

3.and-逻辑运算符，表示同时满足两个条件

4.(max-width:1912px)-最大宽度条件：屏幕宽度≤1912px

5.{}-包含要应用的CSS样式声明

相对定位

position:relative;

绝对定位：

position:absolute;
bottom:20px;
right:20px;

黑色透明背景的写法：

background-color:rgba(255,255,255,0.7);

边框和背景

border:1px solid green;
box-shadow:0 0 20px rgba(0,0,0,.1)