jieweiwujie的博客

【代码】nth-child。

正文内容过长时，offsetHeight的获取和监听变化

利用三元表达式和对象形式

文本转换 text-transform属性，字，字母大写转小写，小写转大写

开发模式反向代理配置

生成图片

:style中颜色使用函数动态获取赋值

vue页面拖拽使用

css

css

在 Js中使用颜色的13 个必备方法!

CSS 中很多隐藏元素的方法

灰度图片 可以使用 grayscale() 过滤器功能将输入图像转换为灰度

圆形渐变边框以及居中布局

tooltip提示

自定义滚动条

:empty 选择器来设置完全没有子元素或文本的元素的样式：

伪元素::selection，可以用来自定义用户选中文档的高亮样式。

scroll-behavior: smooth；

drop-shadow

ch是一个相对于数字0的大小

穿梭框position：fixed

el-dialog弹框样式

:class='{"class-a":classFlag}';v-bind:class="{ active: isActive, 'text-danger': hasError }"<div v-bind:class="[activeClass, errorClass]"></div><div v-bind:class="[isActive ? activeClass : '', errorClass]"></div>

.遮罩层写法pop，fixed 2

遮罩层写法pop，fixed

一行超出显示...,两行超出显示...,三行超出显示...

calc用法

div:nth-child(1)

nth-of-type(1)

三角形写法

奇偶隔行变色nth-child(odd/even)

.content-tab div:first-of-type;不建议套用多层使用，筛选会更加复杂

元素hover后子元素样式展示

下划线展示，点击切换

滚动 一条数据翻页滚动展示

// 苹方-简 常规体font-family: PingFangSC-Regular, sans-serif;// 苹方-简 极细体font-family: PingFangSC-Ultralight, sans-serif;// 苹方-简 细体font-family: PingFangSC-Light, sans-serif;// 苹方-简 纤细体font-family: PingFangSC-Thin, sans-serif;// 苹方-简 中黑体font-family: P.

两张图片剧中放置,视频封面效果