03-CSS3特殊样式
1. 文本阴影text-shadow 设置文本的阴影。 第一个参数，水平方向阴影位移 第二个参数，垂直方向阴影位移 第三个参数，阴影模糊程度 第四个参数，阴影颜色 12345678910111213141516171819<!DOCTYPE html><html lang="en"><head> <meta charset=
04-CSS3怪异盒&弹性盒布局
1. 怪异盒模型box-sizing 属性，可以设置标准盒模型或怪异盒模型。子元素样式 content-box，属性值，标准盒模型 border-box， 属性值，怪异盒模型，为元素设定的宽度和高度决定了元素的边框盒。 就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制，通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 示例： 1234567891
05-移动端&多列布局
1. 分辨率 浏览器中模拟器上显示的分辨率：CSS分辨率（设备的独立像素）。 物理分辨率：设备像素。 设备像素比(dpr) = 物理像素 / CSS像素。 设计稿： css 像素 375？物理像素?750 ，对，（为了更清晰的页面） 设计稿只提供一份 解决方案： 百分比 弹性盒布局 rem布局 - 移动端最常用 2. viewport参考资料：https://juej
06-响应式布局
1. 常见布局方案 固定布局：以像素作为页面基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸。 可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局。通过识别的屏幕尺寸或者浏览器宽度，选择最合适的那套宽度布局。 弹性布局：以百分比作为页面基本单位，可以适应一定范围内的所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效空间展现最佳效果。 混合布局：同弹性布局类似，可以
08-渐变&过渡动画&变换
参考资料： 免费在线渐变色配色工具：https://uigradients.com/ 1. 渐变 gradientCSS3渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 渐变效果的元素在放大时看起来效果更好，因为渐变是浏览器生成的。 1.1 线性渐变background: linear-gradient(...) 1background: linear-gradi
09-关键帧动画&3D
1. 关键帧动画1.1 animation 复合属性animation 用于创建动画效果。 12345678910111213141516171819animation: name duration timing-function delay iteration-count direction fill-mode;animation: 名称 持续时间 过渡类型 [延迟时间] [循环次数] [循环
07-移动端rem布局
1. rem等比例缩放 px： 50px，固定像素值 em：相对单位，相对于父元素的字体大小。width: 2em; rem：相对单位，相对于根元素（html）字体大小。width: 10rem; 示例： 1234567891011121314151617181920212223242526272829303132333435<!DOCTYPE html><html l
01-二分查找
二分查找 - 升降序逻辑处理又叫折半查找，要求待查找的序列有序。默认升序逻辑说明：每次取中间位置的值与待查关键字比较，如果中间位置的值比待查关键字大，则在前半部分循环这个查找的过程，如果中间位置的值比待查关键字小，则在后半部分循环这个查找的过程。直到查找到了为止，否则序列中没有待查的关键字。 示例代码：（严谨的判断、有序,升,降序的处理） 123456789101112131415161718