布局结果图： 电脑全屏： 手机浏览： 竖屏： 横屏： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>响应式布局</title> <meta name="viewport" content="width=device-w ...
分类：
Web程序 时间：
2020-02-03 18:43:23
阅读次数：
96
文字阴影 text-shadow: 水平偏移 垂直偏移 模糊 颜色 兼容性：IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ ...
分类：
Web程序 时间：
2020-02-03 17:23:44
阅读次数：
105
文字阴影 text-shadow: 水平偏移 垂直偏移 模糊 颜色 兼容性：IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ ...
分类：
Web程序 时间：
2020-02-02 23:59:53
阅读次数：
228
css3背景图像相关 兼容性：IE9+ background-clip 背景图片绘制区域 background-clip:border-box; 内容区 <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta c ...
分类：
Web程序 时间：
2020-02-02 19:43:26
阅读次数：
120
:empty 没有子元素（包括文本节点）的元素 :not 否定选择器 <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</title> <s ...
分类：
Web程序 时间：
2020-02-02 13:36:54
阅读次数：
90
后代选择器 祖先元素 后代元素{ } 子元素选择器（直接子元素选择器） 父元素>子元素{ } 兄弟选择器 元素+兄弟元素（紧邻该元素之后的下一个兄弟元素） 所有兄弟元素选择器 元素~兄弟元素（该元素之后的所有兄弟元素） <!DOCTYPE html> <html lang="en" manifest ...
分类：
Web程序 时间：
2020-02-02 01:40:15
阅读次数：
120
盒子模型 盒子模型 盒子模型有元素内容、边框（border）、内边距（padding）、外边距（margin）组成； 盒子里面的文字和图片等元素是内容区域； 盒子的厚度 我们称为 盒子的边框； 盒子内容与盒子之间的距离是内边距； 盒子与盒子之间的距离是外边距； 标准盒子模型 盒子边框（border） ...
分类：
Web程序 时间：
2020-02-02 01:22:03
阅读次数：
116
首先我们来了解一下阴影的形成原理： 当一个光源发射的一条光线遇到一个不透明的物体时，这条光线就不可以再继续照亮其他物体（不考虑光线反射），这个物体就会向他旁边的物体投射阴影 而在实时渲染中，我们常用到一种名为 Shadow map 的技术，unity采用的就是这种技术 在Unity中，这个技术的实现 ...
分类：
其他好文 时间：
2020-02-01 16:29:29
阅读次数：
93
引言 jQuery是js的一个框架。jQuery选择器是获取document节点对象的方法。 说到选择器，我们首先会想到css3中的选择器，jQuery的选择器形式与css3相似，只不过css3是为了给元素添加样式，而jQuery选择器是获取元素对象进行操作。 具体的jQuery选择器请查看jQue ...
1，弹性盒（flex）布局 中间 .center 区域设置 flex-grow: 1 或者 width: 100% .container { width: 100%; min-height: 200px; background-color: red; display: flex; } .contai ...
分类：
Web程序 时间：
2020-01-30 21:02:49
阅读次数：
103
