杂记

93 阅读1分钟

精灵图:先设置盒子尺寸,在在盒子里设置背景图,不能是img。他是多个小图合成在一个大图上的效果叫精灵图

精灵图都用行内标签,比如a。span。,,设置的时候转换成行内块元素即可。。如果发现图片有偏移,就直接用backgroundposition设置方向,设置的时候用负值。 x轴负数是向左挪,y轴负是向上挪 背景图在盒子里的大小,用bg-size设置,方式有:cover。100%,数字px。contain四种。 背景图不平铺用,bgi- repeat:no-repeat box-shadow{ x轴偏移 y轴偏移 模糊程度 面积 颜色 是否inset }

过渡:transition。。。。配合hover使用。。。。

.box{ transition:谁变化(全部就写all) + 多少秒 } .box:hover{ w600px 写鼠标悬停时 的状态变化,就像之前一样,正常写就好}

placeholder也可以设置属性的::placeholder.用的双引号。

文字之间空格用&nbsp。

精灵图一般写法是,先写bgi。在写background-position(-000 -0000;) .. 还有background-repeat :no-repeat 要变圆,或者椭圆,用border-radius: span 等行内元素要加宽高,必须display一下。

绝对定位之后,元素会变成行内块元素。

基线问题

文字和图片垂直不居中,使用vertical-align。middle。加到大的那个属性标签里。top,buttom,都可以设置

属性名:cursor: text。文字可以复制。。pointer可以点击。move可以移动

border radius:边框半径。