HTML & CSS
HTML & CSS
不知言
这个作者很懒,什么都没留下…
展开
-
CSS-动效 纯css粒子动效 | 转圈圈 | 上下弹动
粒子动效 旋转 弹动原创 2022-10-14 15:17:23 · 2310 阅读 · 1 评论 -
CSS 文本高度的问题
开发中,一个文本写了10px,但是它的实际高度居然是16px。后来发现,原来文本的行高有个默认值,所以文本的高度为:lineHeight*fontSize=realHeight。因此,如果需要文本高度跟字号大小保持一致,name设置下line-height即可!...原创 2021-11-03 16:04:44 · 673 阅读 · 0 评论 -
CSS 字体库/placeholder/input背景色/换行/小三角/滚动条
文章目录碎片自定义字体库防止双击选中文字CSS小三角CSS混序字符串换行的问题重写placeholer自定义滚动条碎片1.overflow:hidden需要配合外层dom的height:100%使用。2.:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。其中n可以是数字、关键词或公式。自定义字体库导入字体库,如图:然后在全局样式库,或局部样式库按以下方式渲染自定义字体:@font-face { font-family: 'Digital dream F原创 2021-08-30 14:38:19 · 568 阅读 · 0 评论 -
CSS BEM命名规范
@千方-张小帅汇总拾人牙慧,感谢!BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格,而且包含更多的信息,它们用于一个团队开发一个耗时的大项目。命名约定的模式如下:.block{}.block__element{}.block--modifier{}.block 代表了更高级别的抽象或组件。.block__el.原创 2021-09-24 11:20:24 · 298 阅读 · 0 评论