zheshiyangyang的博客

位移变换函数：translate(x,y)、 translateX(x) 、 translateY(y) 、 translateZ(y)x,y 的值为单位长度，可以是 px、百分比z 的值只能为 px 长度单位。translate(x) 同等于 translate(x,0);缩放变换函数：scale(x,y) 、scaleX(x)、 scaleY()x,y 的值为数字，分别表示宽度和长度的缩放比例scale(x) 表示 y 的值和 x 一样大，实现等比缩放。

css中通过给transform添加translate(x,y)或translateX(x)或translateY(y)来实现元素的水平或垂直位移。在2D转换中，元素的默认变换原点为元素的中心(transform:50% 50%)x，y的值可以使长度值(px或百分比%)还可以是预设的关键词。后期的所有2D动画特效都是在这个2D的平面操作。同时使用多个转换，其多个转换函数之间用空格隔开。下图里的x和y轴，就是基于2D平面图形。旋转、缩放、倾斜或平移。z的值只能是长度值pc。移动，可以不再使用“

使用@keyframes关键帧来定义动画创建动画的原理是，将一套CSS样式逐渐变化为另一套样式在动画过程中，可以多次更改CSS样式的设定动画执行各阶段时间，可以通过百分比来改变发生的时间，或者通过关键词“from”和“tofrom和to等价于0%和100%，from和0%是动画的开始时间to和100%是动画的结束时间语法@keyframes 动画名 {/* 起始状态 */from { 样式 }/* 结束状态 */to { 样式 }/* 或 */@keyframes 动画名 {

多个过渡动画之间用“逗号”隔开transition: 属性 过渡时间 时间函数 延迟时间, 属性 过渡时间 时间函数 延迟时间,属性 过渡时间 时间函数 延迟时间;应用.box {opacity: 1;

-

item1与.item2都未设置z-indedx值时，默认都为0，写在后面的会覆盖写在前面的上面.box {.item {/*.item1与.item2都是相对于.box绝对定位.item1与.item2在都未高设置z-index时，默认值都0，写在后面会覆盖在前面的上面*/.item1 {left: 40px;top: 40px;left: 0;

定位类型描述应用场景相对定位 relative相对自身原来的位置定位，占着原来的位置微调元素的位置，但还占据原来空间只想提元升素的层级，但还是占原来的空间绝对定位 absolute相对离自己最近的定位的父元素定位，原来的位置被释放，相当于悬浮在页面中，会覆盖在其它元素的上面显示一个元素想覆盖在另一个元素上面配合 JS 来实现动画效果固定定位 fixed相对浏览器窗口进行定位你想让一个元素相对浏览器的位置一直不动粘性定位 sticky。

:after。

点击“添加session”按钮，服务端会创建一个：“session["test"] = this is test”的session。点击“获取session”按钮，服务端会返回session的值，前端用console.log()打印出这个值。在这里，我们创建了一个简单的前端页面，并且添加了三个按钮，方便为下面的功能做说明。在这里我们推荐使用第二种和第三种，并且定期更新密钥，防止数据泄露。点击“删除session”按钮，服务端会删除所有session。”用来再此请求的时候验证。中的字典一样，我们可以使用。

HTML是：“超文本标签语言”（HTML不是一种编程语言，而是一种“标记语言HTML使用标记标签元素）来描述网页。XHTML是HTML更严谨和更纯净的版本。HTML5是HTML的下一代版本。标签表示HTML文档的根（根元素），用来表示文档中HTML的开始。标签是所有其他HTML元素的容器，除了。标签是“元数据”(关于数据的数据)的容器，元数据是有关HTML的数据，元数据不会被显示。浏览器工具栏中的标题在搜索引擎结果中显示标题。

粗体、斜体的实现可以在CSS中实现，不过如果实在想利用HTML实现也不是不可以，就是比较反人类。粗体、斜体、斜体三个标签都是双标签。其中和在本质上是一样的，都是斜体。不过我们更偏向于使用是一个单标签定义输入字段，通常为创建一个输入框用来获取用户输入是单标签通常与、、、、标签结合使用。是双标签。使用

li>是双标签<li>不单独使用，用于<ul>(无序列表)、<ol>(有序列表)、<menu>(菜单列表)中。<ul>是双标签<ul>需搭配<li>实现效果<ol>是双标签<ol>相较于<ul>最大的区别就是，对所有的列表项进行了编号处理，编号可以是：“数字”、“字母<menu>是无序列表，本质上和<ul>并无不同，即使使用<menu>浏览器也会当做<ul>处理。顾不再赘述。因<table>表格一般与<tr><th><td>标签结合使用，故我们先介绍<tr><th><td>，最后再介绍。