logo里面首先放一个 h1 标签,目的是为了提权,告诉搜索引擎,这个地方很重要 h1 里面再放一个 a 链接,可以返回首页,把 logo 的背景图片给 a 链接即可 为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来 方法1:text-indent 移动到盒子外面(tex
线性渐变必须添加浏览器私有前缀 起始方向可以是:方位名词或者度数,如果省略默认是 top background: linear-gradient(起始方向, 颜色1, 颜色2, ...); background: -webkit-linear-gradient(left, red,
值 描述 value 规定不透明度,从 0.0 (完全透明)到 1.0(完全不透明) inherit 应该从父元素继承 opacity 属性的值 使用方法 div { opacity:0.5; }
三维坐标系 三维坐标系其实就是指立体空间,立体空间是由 3 个轴共同组成的 x 轴:水平向右 注意:x右边是正值,左边是负值 y 轴:垂直向下 注意:y下边是正值,上边是负值 z 轴:垂直屏幕 注意:z往外面是正值,往里面是负值(近正远负)
同时使用多个转换,其格式为: transform: 移动 旋转 缩放 ...等; transform: translate() rotate() scale() ...等; 其顺序会影响转换的效果。(先旋转会改变坐标轴方向) 当我们同时拥有位移和其他属性的时候,记得要将位移放到最前面
转换(tarnsform),可以实现元素的位移、旋转、缩放等效果转换(transform)可以简单理解为变形 移动:translate 2D移动是2D转换里面的一种功能,可以改变元素在页面中的位置,类似定位 transform: translate(x, y); /* 分开写 */ transfor