摘要：
浮动：float 定义：使元素脱离文档流，按照指定的方向发生移动，遇到父级的边界或者相邻的浮动元素就会停下来。 值：left right none 特征： ①块元素可以在一行显示 ②按照一个指定的方向移动，遇到父级的边界或者相邻的浮动元素就会停下来 ③行内元素支持宽高 ④脱离文档流 阅读全文
摘要：
一、行内元素 a span strong em mark img time 特征： ①内容撑开宽高。宽高的值都是auto ②不支持设置宽高 ③不支持上下的margin与上下的padding。只支持左右的margin与padding ④行内元素在一行显示 ⑤代码换行会被解析成一个空格（解决空格：fon 阅读全文
摘要：
下面是一个放大镜例子： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #small{ width: 300px; height: 300px; position: relative; floa 阅读全文
摘要：
一、offsetLeft/offsetTop offsetLeft：元素最左边离最近的有定位的父级之间的距离，不带单位。 offsetTop：元素最上边离最近的有定位的父级之间的距离，不带单位。 上图中，给box1设置了定位，box2设置了一个margin-left:10px box2.offset 阅读全文
摘要：
第一种方法： 第二种方法： 阅读全文
摘要：
下面是一个文字提示层小例子。 知识点： offsetLeft 找到元素最左边离最近的有定位的父级之间的距离，不带单位，并且不带边框 offsetTop 找到元素最上边离最近的有定位父级之间的距离，不带单位，并且不带边框 源代码： <!DOCTYPE html> <html> <head> <meta 阅读全文
摘要：
下面是一个轮播图的例子，实现无缝滚动。 思路如下：把ul复制一份，当图片停止滚动时，判断这张图是不是复制的ul的第一张图片，如果是就把ul拉回来。 源代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> 阅读全文
摘要：
因为一些原因，最后下定决心学习前端。 6月份开始学习，到现在已有两个多月了，虽然掌握了一些知识，但还远远不够、远远不够。。。 总结了下之前的学习方式，每天有时间就学，没时间就没学，比较懒散，学习效率不高。 所以现在给自己定个小目标： 每天看2个小时的学习视频，周末看4个小时。 从今天开始，开启打卡模 阅读全文