{代码...} 外层的是的遮罩层，内层的是内容区域

{代码...}

定义一个动画的时候需要用到关键词，@keyframes 动画名称动画名称与animation的name字段是一样的定义一个动画<div> kkw</div>

说到过渡这个东西，其实我之前为了学习3D的效果，已经用到了,只是用的是最简单那种。 transition： 过渡 transition-delay: 延迟时间 过度的动画从什么时间开始，默认是0 transition-duratiom: 定义过渡的时间。 transition-property: 定义需要发生过度元素的名称，一般设置all {代码...} 一般来说，属性都是会被简写的...

首先想要实现3D的效果。那么需要设置一个属性ttranform3d： 第一个旋转： 当设置了transform-style: preserve-3D的时候，代表此时应用的3d场景了。 当设置使用transform-style: flat的时候，使用的是2d的转换效果。 所以，当给X设置旋转45度的时候感觉元素有点轻微的向后，宽度不变。但是高度会变低 当设置Y旋转45的时候...

一开我甚至以为，倾斜与旋转的差不多的，样子甚至没多大的区别。然后果断的被打脸。 上面是X方向倾斜30deg，Y轴的方向为0deg。我们看到是，容器没有超过线条。

元素从当前位置移动，根据给定的x值在平面横向移动，y值平面纵向移动。x与y的值，可以使用像素也可以使用百分比。可以为负数。transform: translate(100px, 100px);

border： 这属性，好像我开始学前端的时候就有了，设置元素的边框线 {代码...} 1、border-image: 边框图片 border-image: url('') {代码...} 暂时还没有用到这个属性，官方的dome: {代码...} 2、border-radius: 设置圆角， border-radius: 设置圆角，当百分之五十的时候，变为一个圆。 {代码...} border-bottom-left-rad...

relative与absolute，需要结合一起使用，还有一个定位方式，sticky，粘性定位。简单的一句话，就是想让谁定住，那么就是给谁设置这个属性，同时，设置好需要定位的条件，比如top值是多少？

border-collapse: separate(是) collapse(否) 表格的边框，是否会重叠。border-spacing: 设置单元格距离，有点类似padding。caption-side: bottom,top 表格标题存放的位置empty-cells: 是否显示空的单元格table-layout: automatic,由内容而定，fixed,列宽而定

常用的功能，文本超过内容区域出现省略号1、单行的省略号text-overflow: ellipsis;white-space: nowarp;overflow: hidden;

背景就一般来说，我目前用的多的是: {代码...} {代码...} 一般来说，会有一个简写的形式： {代码...} 好了，我关于背景的属性，目前了解如此。每个元素都可以添加不同的背景。都可以使用上述的属性。 在后续，还可以使用线性渐变来设置背景，使用渐变的时候，实际上使用的background-image的属性。 比如： {代码...} 在C...

2、:link, :visted, :hover, :active这四个分别是，未被访问的时候，已经被访问过了，当鼠标放在元素上的时候，正处于活动中的时候。

1、目前我用的多的标签选择器<div>类选择器 class=".div"id选择器: id="#div" 除了这个之外4、拥有并集选择器符号 ","比如，多个元素都是拥有相同的样式可以使用 "," 加以区分开 5、子集选择器，选择的是父级中所有的符合条件的子元素，中间是使用空格号隔开的。它会保含所有选择的子集，不论子一级或者二级 6、子...