随笔分类 -  Css

Css基础与C3
行内元素没有内容时设置默认的宽高
摘要：```scss span { line-height: 20px; background-color: yellowgreen; &:empty { display: inline-block; width: 1px; height: 20px; } } ``` ```html ``` 阅读全文
posted @ 2019-12-20 19:59 _Jarrett 阅读(888) 评论(0) 推荐(0)
焦点元素，添加半透明遮罩
摘要：焦点元素，添加半透明遮罩 效果图 html ​ 备注： 图片是 ，图片正常加载时，设置的伪元素不可见，只有当图片加载失败时，其伪元素才能看到。所以需要外面套一层壳子 ，在壳子上获取焦点，添加样式。 scss ​ 备注： 1. 可以用border，不设置outline； 2. 获取焦点前就让元素自身就 阅读全文
posted @ 2019-11-01 14:14 _Jarrett 阅读(720) 评论(0) 推荐(0)
dom元素的tabindex属性介绍及在vue项目中的应用
摘要：dom元素的tabindex属性介绍及在vue项目中的应用 tabindex属性作用 1. 让普通dom元素变为可聚焦的元素 2. 让普通dom元素可以参与顺序键盘导航（通常使用Tab键，因此得名）。 tabindex属性的取值和影响 它接受一个整数作为值，具有不同的结果，具体取决于整数的值： ta 阅读全文
posted @ 2019-08-01 15:25 _Jarrett 阅读(3607) 评论(1) 推荐(2)
动态设置html的font-size值
摘要：PC端 javascript (function () { function setRootFontSize() { let rem, rootWidth; let rootHtml = document.documentElement; //限制展现页面的最小宽度 rootWidth = root 阅读全文
posted @ 2019-05-08 09:10 _Jarrett 阅读(4555) 评论(0) 推荐(0)
css_base_note
摘要：![](https://img2018.cnblogs.com/blog/1553188/201902/1553188-20190217170804517-990583916.png) 阅读全文
posted @ 2019-02-17 16:30 _Jarrett 阅读(171) 评论(0) 推荐(0)
C3_note
摘要：![](https://img2018.cnblogs.com/blog/1553188/201902/1553188-20190217170451991-519928034.png) 阅读全文
posted @ 2019-02-17 16:16 _Jarrett 阅读(200) 评论(0) 推荐(0)