文章分类 - css
摘要：浮动元素 设置高度 clear:both 子元素设置 .class{ clear:both } 父级div定义 overflow:hidden 对父级CSS选择器加overflow:hidden样式，可以清除父级内使用float产生浮动。 优点是可以很少CSS代码即可解决浮动产生的塌陷。
阅读全文
摘要：a 标签 a.html里： <a href="b.html#abc">xxx</a> b.html里加一个锚记： <a name="abc"></a> // css html { scroll-behavior: smooth; } js 实现 document.getElementById('ID
阅读全文
摘要：object-fit 属性 指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 html代码: <div style='height:300px;width:300px;
阅读全文
摘要：Display 该属性才是真正意义上的隐藏元素,当元素的display属性为none时,该元素就会就会从视觉中消失,并且连盒模型也不生成.也不会在页面占据任何位置,不但如此,就连它的子元素也会一同从盒子模型中消失。给他和它的子元素添加的任何动画效果交互效果都会不起作用。 display:none;
阅读全文
摘要：1、sans-serif无衬线字体，是一类字体，它在操作系统或者浏览器里是可以设置的，你可以把它设置成宋体，也可以设置成微软雅黑，而设置的这种字体肯定是当前系统里存在的字体，所以使用这个字体就一肯能显示出来，所以加上sans-serif就能保证调用。Sans-serif简介：Sans-serif是专
阅读全文
摘要：媒体查询 媒体查询的覆盖顺序 媒体查询顺序 手机 @media screen and(min-width: 320px)and(max-width: 359px){ html{ font-size: 12.8px; } } @media screen and(min-width: 360px)and
阅读全文
摘要：##下划线 .Underline{ cursor:pointer; text-decoration:underline; } css 两行文本超出显示省略号（...） 这是单行的 width:200px; overflow:hidden; text-overflow:ellipsis; -o-tex
阅读全文
摘要：##动画事件监听 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"
阅读全文
