![](https://img-blog.csdnimg.cn/2020121710524653.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
html--css
文章平均质量分 64
html和css的一些记录
Dreamy smile
一个不懂代码的普通开发者
展开
-
前端rem适配
原生或jquery写一些简单的下载页面、展示页面等…new function() { var _self = this; _self.width = 640; // 设置默认最大宽度 _self.fontSize = 100; // 默认字体大小 _self.widthProportion = function() { var p = (document.body && document.body.clientWidth || document..原创 2020-05-13 10:48:11 · 543 阅读 · 0 评论 -
利用css把整个项目覆盖蒙版,变为灰色。
html{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'>&l原创 2020-05-18 14:09:48 · 2092 阅读 · 0 评论 -
html实现文字滚动效果
marquee标签<marquee></marquee>//例<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOve.原创 2020-05-20 14:24:45 · 5010 阅读 · 0 评论 -
css object-position/object-fit
自己在项目里使用过,这里不过多的总结,解释详细示例,解释。移步张鑫旭博客 https://www.zhangxinxu.com/wordpress/2015/03/css3-object-position-object-fit/object-fit//值.fill { object-fit: fill; }.contain { object-fit: contain; }.cover { object-fit: cover; }.none { object-fit: none; }.s.原创 2020-05-20 14:52:12 · 167 阅读 · 0 评论 -
css :nth-child(n)
1、nth-child(2n)这个表示选择列表中的偶数标签,即选择 第2、第4、第6…… 标签。2、nth-child(2n-1)这个表示选择列表中的奇数标签,即选择 第1、第3、第5、第7……标签。3、nth-child(n+3)这个表示选择列表中的标签从第3个开始到最后。4、nth-child(-n+3)这个表示选择列表中的标签从0到3,即小于3的标签。5、nth-last-child(3)这个表示选择列表中的倒数第3个标签。6、nth-last-child(-n+3)这原创 2020-05-20 16:25:40 · 723 阅读 · 0 评论