工作遇到的CSS问题

1、文字两边有横线

https://blog.csdn.net/Bumphy/article/details/78319678

2、文字换行

https://www.cnblogs.com/fsyz/p/7770839.html

3、table布局

https://segmentfault.com/a/1190000007007885

http://www.css88.com/archives/6308

4、css选择器

https://blog.csdn.net/XA5851477/article/details/65629214

5、

CSS :before 伪元素

 

6、响应式布局

<mate name="viewport">移动端设置详解

 

<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

1.width=device-width    //应用程序的宽度和屏幕的宽度是一样的

2.height=device-height  //应用程序的高度和屏幕的高是一样的

3.initial-scale=1.0  //应用程序启动时候的缩放尺度（1.0表示不缩放）

4.minimum-scale=1.0  //用户可以缩放到的最小尺度（1.0表示不缩放）

5.maximum-scale=1.0  //用户可以放大到的最大尺度（1.0表示不缩放）

6.user-scalable=no  //用户是否可以通过他的手势来缩放整个应用程序，使应用程序的尺度发生一个改变（yes/no）

响应式布局：https://www.cnblogs.com/dreamsboy/p/5656009.html

静态布局、弹性布局、自适应布局和响应式布局的区别：https://www.cnblogs.com/yanayana/p/7066948.html

https://www.cnblogs.com/yuanziwen/p/6926561.html

自适应布局：http://caibaojian.com/web-app-rem.html 看了这篇才发现原来我一直理解的是错的

同上：http://caibaojian.com/rem-responsive-2.html

7、background背景属性用法

https://blog.csdn.net/miyawang21/article/details/53320816

https://www.cnblogs.com/darcrand-blog/p/5770181.html

8、css初始化代码

https://blog.csdn.net/zpf_nevergiveup/article/details/46475385

9、css3的渐变线

https://www.cnblogs.com/tianma3798/p/6084608.html

讲解了gradient属性的用法：

https://blog.csdn.net/h15882065951/article/details/60139494

10、纯css绘制各种三角形

https://www.jb51.net/article/42513.htm

11、深入理解移动端像素知识与Viewport知识

css的像素也是一个相对单位。相对于设备像素。

在同样一个设备上，每1个CSS像素所代表的物理像素是可以变化的(即CSS像素的第一方面的相对性); （屏幕缩放）
在不同的设备之间，每1个CSS像素所代表的物理像素是可以变化的(即CSS像素的第二方面的相对性);（这个肯定可能不一样）

https://blog.csdn.net/aiolos1111/article/details/51967744