- 博客(4)
- 收藏
- 关注
RSS订阅
6原创 2020-11-17
11.17 精灵图片、过渡以及2D、3D转换的学习总结一、精灵图片因为图片过小且数量过多，为了方便切图 以及插入使用，利用span、i标签等设置为背景图片，以方便进行布局涉及属性：background-img: 插入背景图片Background-size: 调整背景图片的尺寸大小Background-posstion:调整精灵图片在水平、垂直方向上的偏移量，以达到规范的布局目的Background-repeat：决定图片是否平铺比如：二、过渡 transition功能：实现元素不同状
2020-11-17 20:17:19
106
原创 2020-11-11
浅谈定位机制*定位分为：相对定位、绝对定位、固定定位、粘性定位posstion：static（常规流）relative（）absolute（绝对定位） fixed（固定定位） sticky（粘性定位）1、相对定位（posstion:retative）：相对自己原来的位置调整，还保留原位置（别的容器占不了他 原来的位置）不脱离标准文档流注意：与margin：的区别：1、margin调整的是盒子与盒子之间的间距，会对后边的元素产生影响，而相对定位不会。2、相对定位调整的是位置常用于父级添加相对定
2020-11-11 20:28:09
110
原创 2020-11-09
文本样式与盒子模型一、文本样式1、行高：line-hight一行文字所占的高度取值：px；%（按照默认的大小取值）特殊用法：可用于单行文字的垂直居中处理，把行高和文本高度设为一致，即行内元素就处于垂直居中了，只适用于单行。比如2、段落首行缩进：text-indent：em;px;百分比，em:缩进的字符，px：缩进的像素，需要根据字体的字号确定，比如字号为24px,则想达到缩进两个字符的效果 则需要缩进24*2=48px 百分比也是按照字符的大小设置的文本修饰线；text-
2020-11-09 21:01:55
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人