- 博客(4)
- 收藏
- 关注
RSS订阅原创 前端学习小日常第12天
1.精灵图精灵图是通过用在一个内容块插入一个精灵图片，然后通过定位来实现只显示精灵图片的一部分，这样可以大大减轻服务器的运算压力。以下是我自己做的案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-11-17 20:51:50
97
原创 前端学习小日常第八天
定位1.相对定位相对定位的定义：对象遵循常规流，并且参照自身在常规流中的位置通过top，right，bottom，left这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。margin与相对定位调整位置的区别：1.盒子和盒子的距离，间隙。相对定位：位置的调整2.margin会影响后面的元素。相对定位不会影响别人。css：position: relative;示例：<!DOCTYPE html><html lang="en"><head>
2020-11-11 20:40:26
75
原创 前端学习小日常第七天
标准文档流+浮动定义：内容从左到右，从上到下书写的。前面的内容大小或者位置发生变化时，后面的内容位置也会随之变化。web页面，就是一个标准的文档流。内容跟咱们的书写顺序有关。标准文档流的特性（1）空白折叠现象无论多少个空格，tab，换行都会折叠为一个空格。<div>张老师 真帅</div>(2)高矮不同，底部对齐妖怪我要你助我修行<img src="img/zhaoshifu.jpg" alt="">(3)一行
2020-11-10 20:46:49
95
原创 前端学习小日常6
1.行高什么是行高？一行文字实际占用的高度就是行高样式：line-height取值方式：px，百分比。百分比：按照默认的字体大小取值。2.字号字体什么是字号字体？通过样式可以调整文本的字体大小和字体的样式。样式：font-size font-family取值方式：数字，单词3.段落3.1：设置文本的首行缩进text-indent3.2：设置文本的居中方式text-align3.3：单词间间距： 中文无效word-spacing:3.4：单词大小写转换4.基线什么是基线
2020-11-09 20:47:16
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人