摘要: sticky:设置了sticky的元素,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。 可以知道sticky属性有以下几个特点: 该元素并不 阅读全文
posted @ 2018-10-16 12:05 未染流年 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 1.fr:是一个弹性尺寸单位,其来自 "fraction" 或 "fractional unit" 单词的前两个字母,表示整体空间的一部分。可以帮助我们创建一个弹性的网格轨道。它代表了网格容器中可用的空间。 2.px:(pixel)像素,相对长度单位。像素px是相对于显示器分辨率而言的 特点: (1 阅读全文
posted @ 2018-10-16 12:04 未染流年 阅读(464) 评论(0) 推荐(0) 编辑
摘要: 颜色表示法: 1、颜色名表示,比如:red 红色,gold 金色 2、rgb表示,比如:rgb(255,0,0)表示红色 3、16进制数值表示,比如:#ff0000 表示红色,这种可以简写成 #f00 颜色表: 阅读全文
posted @ 2018-10-16 12:04 未染流年 阅读(869) 评论(0) 推荐(0) 编辑
摘要: .wrapper { display: grid; grid-template-columns: repeat(3, 1fr); //grid-template指网络模板,grid-template-columns属性指定网格列的轨道列表,通过指定的每个值来创建每列的列宽。使用repeat()可以创 阅读全文
posted @ 2018-09-23 14:13 未染流年 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 1.static 元素根据文档的正常流进行定位。top、right、bottom、left和z-index属性没有影响。这是默认值。 2.relative 元素根据文档的正常流进行定位。然后根据的top、right、bottom和left值相对于自身进行偏移。偏移量不会影响任何其他元素的位置,因此, 阅读全文
posted @ 2018-09-23 14:12 未染流年 阅读(162) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=" 阅读全文
posted @ 2018-09-16 16:21 未染流年 阅读(485) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-09-09 19:25 未染流年 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 我是来自17物联网1班的陈小玲,很高兴能够学习web前端! 目标:第一次接触这门课,还不知道自己能学到哪种程度,目前对制作网页还是比较感兴趣,希望能多学点这方面的知识。衷心希望能在老师的教导下把这门课学好一点,能够激发我的兴趣,并且绝对不能挂科! 技术特长:额。。。。暂时还没有,不过学无止境嘛! 自 阅读全文
posted @ 2018-09-05 12:11 未染流年 阅读(429) 评论(0) 推荐(0) 编辑