《HTML 5与CSS 3核心技法》读书笔记
摘要：目录 前言第1章 写在前面第2章 HTML 语法基础第3章 布局类元素 ，房子的楼板、柱子和大梁第4章 功能类元素，房子的门、窗、水管和电气第5章 CSS基础第6章 选择器，确定样式的作用范围选择器类型选择器的组合使用 第7章 权重，样式发送冲突时怎么办第8章 给文字加样式第9章 字体第10章 框模
阅读全文
posted @ 2023-02-13 08:45
随笔分类 - CSS
vue改变数组的值，样式控制没变化
摘要：目录 问题背景解决方案第一种，使用this.forceUpdate() 参考 问题背景 我用0 ， 1 控制隐藏还是显示，因为有多个所以用的数组，如下代码 ...省略... data() { return { condit
阅读全文
posted @ 2023-02-07 21:45
span标签之间有空格怎么办
摘要：span标签之间有空格 span标签之间有很大空格，代码如下 <time class=""> <span> </span> <span class="">2 days ago</span> </time> 如下图所示 解决方案 方法一 使用网格布局解决 display: flex; 方法二
阅读全文
posted @ 2023-01-17 19:45
超过屏幕高度没有滚动条解决方案
摘要：目录 背景解决方案参考 背景 代码如下： <div class="parent"> <div class="head"></div> <div class="content"></div> </div> content代码块超出屏幕高度却没有滚动条。 解决方案 我开始想过先用JS拿到head块的高度
阅读全文
posted @ 2023-01-10 21:30
小心pointer-events: none；
摘要：我发现点击事件不生效。 一开始我以为是swiper的问题，后面发现是css属性pointer-events: none;阻止了。 去掉后就可以点击了。
阅读全文
posted @ 2023-01-03 19:30
Vue Swiper横向循环焦点轮播
摘要：目录 效果代码 效果 Swiper横向循环焦点，并且有层叠的效果。如下图所示。 代码 Html <div class="home_carousel"> <div ref="swiperRef" class="swiper-container swiper-container-horizontal">
阅读全文
posted @ 2022-12-30 20:45
vs code 格式化不要换行，格式化出现\n
摘要：目录 背景解决方案 背景 格式化后，我发现页面样式乱了，结果一检查，好家伙居然有\n，如下图所示。 解决方案 格式化不要换行就好了。打开settings.json，加入如下代码即可。 要有Vetur插件 { //...省略... /* 设置属性、js不自动换行 */ "vetur.format.de
阅读全文
posted @ 2022-12-12 19:45
