html中一些实用代码以及其作用（cursor，box-sizing，transition）

1.cursor: pointer 当鼠标移上去，变成手的形状 ,移出去还原

2.标准盒子模型，一般浏览器也都默认为标准盒子模型。即：box-sizing:content-box

   怪异盒子模型，一般根据实际项目需要自行设置。即：box-sizing:border-box

加了box-sizing:border-box属性，padding和border的值就不会在影响元素的宽高，相当于把padding和border的值都算在content里

盒子模型会自动根据padding和border的值来调整content的值，就不需要手动调整

3. transition: all .4s; 给所有过渡效果（单位s）

可以用在css中的过渡动画，.4s可以进行修改，是过渡所用的时间

4.  transform: translateY(-2px);

让图片有一点突出效果

最后介绍一下transform，这个transform在网页布局中的一些动态效果经常用

Transform简介

Transformer中抛弃了传统的CNN和RNN，整个网络结构完全是由Attention机制组成。更准确地讲，Transformer由且仅由self-Attenion和Feed Forward Neural Network组成。一个基于Transformer的可训练的神经网络可以通过堆叠Transformer的形式进行搭建，作者的实验是通过搭建编码器和解码器各6层，总共12层的Encoder-Decoder，并在机器翻译中取得了BLEU值得新高。