css
关注
分享
扫一扫
Jack おう
后端转前端的码农小王---深圳
展开
-
:focus-visible 聚焦问题
问题:弹窗按ESC退出键会聚焦某个元素,导致出现白色的border,按tab键也会解决 &:focus-visible { outline: 0px; }原创 2021-08-30 16:52:37 · 1401 阅读 · 1 评论 -
svg vertical-align: sub抖动
可以用margin-bottom: -3px; 解决原创 2021-06-23 17:47:20 · 267 阅读 · 0 评论 -
父级没有高度 如何100vh？ 撑满屏幕
height: calc(100vh - #{$–height-layout-header});height: calc(100vh - #{减去header的高度});原创 2021-05-04 18:57:04 · 592 阅读 · 0 评论 -
慕课-CSS-4
5-1 box-shadowinset是内阴影机器猫案例主体部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con原创 2021-03-25 08:56:43 · 83 阅读 · 0 评论 -
慕课-CSS-3
4-1 布局简介4-2 布局方式（表格）1.表格2.仿表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=原创 2021-03-24 08:57:47 · 119 阅读 · 0 评论 -
慕课-CSS-2
3-1 选择器（1）性能相关浏览器是从右往左解析的，先去找.hello，然后再找父级是否div然后一直往上找是否有对应属性去验证即可，浏览器这样做是为了性能考虑，例如找hello能立马找到，但是先找div，页面上几百个找起来很慢。选择器-重点伪元素不会出现html和dom树中，但真实存在。伪类（状态）和伪元素（显示dom）》 :hover ::after 》 : ::权重10个类加起来也顶不过一个类权重第二个就是行内样式3-2 选择器（2）3-3 非布局样式（字体）原创 2021-03-22 08:54:13 · 96 阅读 · 0 评论 -
慕课-CSS-1
2-1 HTML常见元素和理解（1） (11:54)2-2 HTML常见元素和理解（2） (09:27)2-3 HTML常见元素和理解（3） (08:41)2-4 HTML版本 (19:19)2-5 元素分类 (11:33)2-6 嵌套关系 (11:43)2-7 默认样式和reset (12:30)可以用link加载css（css-reset.css）初始化方法2，直接*通配符，但这样可能有性能影响，浏览器会一个一个去找2-8 真题...原创 2021-03-21 22:01:57 · 128 阅读 · 0 评论 -
慕课-CSS-总结
第2章 HTML基础强化第3章 CSS基础第4章 CSS布局第5章 CSS效果第6章 CSS动画第7章 预处理器第8章 Bootstrap第9章 CSS工程化方案第10章 三大框架中的CSS第11章 实战案例原创 2021-03-20 21:00:44 · 108 阅读 · 0 评论 -
vue 导入全局scss
scss: generateLoaders('sass').concat( { loader: 'sass-resources-loader', options: { resources: path.resolve(__dirname, './..//src/assets/css/gobal.scss') //这里是单独建的存放变量的scss，我的是 var.scss } .原创 2021-03-02 17:36:37 · 209 阅读 · 0 评论 -
background-image 自适应宽高
{background-image:url(images/yuantiao.jpg);background-size:100% 100%;}添加前添加后原创 2020-12-09 09:14:34 · 488 阅读 · 0 评论