HTML
关注
分享
扫一扫
文章平均质量分 77
HTML 不仅仅是 div / span
cookcyq
Thinking | Freedom | Opinions are my own.
展开
-
JS & CSS 关于 Shadow dom 的用法
你是否好奇过，浏览器自带的元素的样式是如何实现的，例如videoinput，又或者在某些网站中看到一些非浏览器自带且没见过的元素？如果你打开 F12 查看定位该元素的信息，你会发现啥都没看到！其实它只是默认情况下被设置隐藏了，这里可以打开控制面板，按住 F1，将勾选即可：这便是 Shadow DOM 技术，如果你看到了一些非原生标签，它也是用到了 Shadown DOM ，下面我将简单介绍它的用法。原创 2023-05-26 09:34:31 · 1522 阅读 · 0 评论 -
JS & Nginx 用一个简单案例解释 nginx ssi，seajs 的作用、使用
JS & Nginx 用一个简单案例解释 nginx ssi，seajs 的作用、使用原创 2023-04-01 22:53:09 · 905 阅读 · 1 评论 -
HTML & JS 锚点定位的几种方式及优缺陷
一、HTML 锚点定位优点：1、页面刷新依然锚点到对应位置缺陷：1、地址栏上会出现 #2、没有丝滑滚动效果第一种：绑定 id<!DOCTYPE html><html><head> <title>Test</title></head><body><a href="#sixteen">点击</a><h1>1</h1><h1>2</原创 2022-01-04 22:51:36 · 2718 阅读 · 0 评论 -
css 块元素/内联元素的 padding / margin / border / outline 排版规则
padding / margin / border / outline 是 css 日常工作中经常用到的几个属性，而在 html 标签中有两种元素类型：块元素（占用一行）自动换行 / 内联元素（占用内容）不换行比如 div 就是块元素、 span 就是内联元素。那么对于这两种元素类型设置这些属性后会有什么变化呢？其实我们只需事先记住：内联元素设置的只会影响内联元素、块元素设置的只会影响块元素，然后再结合下面的案例，相信你很快就可以明白是什么意思。padding块元素：包含元素尺寸、仅影响所有块原创 2021-12-12 10:19:41 · 486 阅读 · 0 评论 -
css 总结日常工作用到的 px / % / rem / em / vh / vw 尺寸单位
css 关于尺寸单位 px / rem / em / vh / vw原创 2021-12-12 07:29:10 · 520 阅读 · 0 评论 -
css var() 变量的用法、作用
css var 变量的用法、好处原创 2021-12-11 22:08:39 · 1289 阅读 · 0 评论 -
css 几行代码实现 ＜＞箭头、三角形▲
css 几行代码就能实现上下左右箭头 > < …原创 2021-12-11 14:27:37 · 1213 阅读 · 0 评论 -
css :before / :after 伪类选择器的真正作用及使用场景
css :before / :after 伪类选择器的真正作用及使用场景原创 2021-12-10 21:28:17 · 6082 阅读 · 8 评论