06-HTTPS协议
HTTPS协议工作流程 443 端口 Client发起一个HTTPS（https:/demo.linianhui.dev）的请求，根据 RFC2818 的规定，Client知道需要连接Server的443（默认）端口。 Server把事先配置好的公钥证书（public key certificate）返回给客户端。 Client验证公钥证书：比如是否在有效期内，证书的用途是不是匹
01-PS基础操作
PhotoShopUI作图，前端测量、吸取颜色、切图。 PhotoShop绿色版：https://pan.quark.cn/s/35e0b2cbe809 解决2K、4K等高分屏下Photoshop窗口、字体太小等问题：https://blog.csdn.net/wenzhongxiang/article/details/128815451 拿到设计稿后：使用ps打开 图片上面右键，打开方式选
02-CSS3选择器
参考资料： 一套企业级UI设计语言和React组件库：https://gitee.com/ant-design/ant-design 同上：https://ant-design.gitee.io/ 1. CSS3基础CSS3完全向下兼容，网络浏览器也还将继续支持CSS2。 CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果，比如动态和渐变，而且可以很简单的设计处
00-CSS基础入门
1. 什么是CSSCSS，Cascading Style Sheets 层叠样式表。 即：如何修饰网页信息的显示样式。 目前推荐遵循的是 W3C 发布的 CSS3.0（1998年5月21日W3C推出了CSS2.0），用来表现XHTML或者XML等样式文件的计算机语言。 2. CSS语法 每个CSS样式由两部分组成，即选择符和声明，声明又分为属性和属性值 属性必须放在花括号{}
03-CSS3特殊样式&字体图标
1. 阴影1.1 文本阴影text-shadow 设置文本的阴影。 第一个参数，水平方向阴影位移 第二个参数，垂直方向阴影位移 第三个参数，阴影模糊程度 第四个参数，阴影颜色 12345678910111213141516171819<!DOCTYPE html><html lang="en"><head> <meta ch
01-CSS定位布局
1. position 定位position 定位，需要结合偏移位置（top/left/right/bottom）使用。有 6 个取值。 6 postion: inherit; 从其父元素继承此属性。 12345position 偏移位置属性：top:100px;left:100px;right:100px;bottom:100px; 1.1 绝对与相对定位
04-CSS3怪异盒&弹性盒布局
1. 怪异盒模型box-sizing 属性，可以设置标准盒模型或怪异盒模型。子元素样式 content-box，属性值，标准盒模型 border-box， 属性值，怪异盒模型，为元素设定的宽度和高度决定了元素的边框盒。 就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制，通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 示例： 1234567891
05-移动端&多列布局
1. 分辨率 浏览器中模拟器上显示的分辨率：CSS分辨率（设备的独立像素）。 物理分辨率：设备像素。 设备像素比(dpr) = 物理像素 / CSS像素。 设计稿： css 像素 375？物理像素?750 ，对，（为了更清晰的页面） 设计稿只提供一份 解决方案： 百分比 弹性盒布局 rem布局 - 移动端最常用 2. viewport参考资料：https://juej