Html/Css

  • 什么是微格式

    微格式是一种用于在HTML文档中嵌入语义化信息的简单而轻量级的标记语言。它们通过使用已有的HTML标签和类名来表示结构化数据,以便机器能够更容易地理解和处理这些数据。 微格式的目标是为了让信息更易于被自动化工具(如搜索引擎、数据聚合器、日历应用程序等)提取和解析。通过添加特定的类名和属性值,可以标记 …

    Html/Css 2023年 6月 16日
  • 用纯HTML,JS,CSS实现横向滚动标签页

    ### 前言 前不久,在我的一个项目中,需要展示一个横向滚动的标签页,它支持鼠标横向拖动和点击切换。在实现的过程中,我发现这个小功能需要同时用到前端的三辆马车,但是实现难度不高,而且最终效果还不错,是个难得的初学者项目,于是萌生了写这篇文章的想法,希望对初学者有所帮助。同时为了避免初学者学习框架,我 …

    2023年 6月 14日
  • 记录–详解 XSS(跨站脚本攻击)

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言:我们知道同源策略可以隔离各个站点之间的 DOM 交互、页面数据和网络通信,虽然严格的同源策略会带来更多的安全,但是也束缚了 Web。这就需要在安全和自由之间找到一个平衡点,所以我们默认页面中可以引用任意第三方资源,然后又引入 CSP …

    2023年 6月 13日
  • 前端vue 宫格组件提供常见九宫格菜单组件,扩充性好,可切换九宫格 十二宫格 十五宫格

    #### 快速实现vue uni-app宫格组件提供常见九宫格菜单组件,扩充性好,可切换九宫格 十二宫格 十五宫格; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12680 效果图如下: ![](https://p3-juej …

    2023年 6月 13日
  • 前端弹性布局神器display:flex【转】

    在进行网页前端设计时,需要垂直居中显示文本,但CSS似乎没有明确的垂直居中的代码方法,由于目前的页面不再考虑以前的浏览器了,因此采用CSS3的display:flex方法来实现。现记录一下flex属性的相关资料。 …

    2023年 6月 12日
  • CSS_三大特性下_优先级

    # CSS三大特性 ## 1、继承性 [CSS_特性继承和层叠 – Bublly – 博客园 (cnblogs.com)](https://www.cnblogs.com/ZWeva/p/17471809.html) ## 2、层叠性 [CSS_特性继承和层叠 – Bublly – 博客园 (cnb …

    2023年 6月 11日
  • CSS_特性继承和层叠

    # CSS特性 ## 1、继承性 ##### 特性: 1、子元素有默认继承父元素样式的特点(**子承父业**) 2、可以继承的常见属性(文字控制属性都可以继承) 1.color 2.font-style、font-weight、font-size、font-family 3.text-indent, …

    Html/Css 2023年 6月 11日
  • CSS_显示某块和标签嵌套

    # 一、显示模块 ## 1、块级元素 #### 特点: 1.独占一行(一行只能显示一个) 2.宽度默认是父元素的宽度,高度默认由内容撑开 3.可以设置宽高 #### 例如: “` div、p、h系列、ul、li、dl、dt、dd、form、header、.nav、footer. “` ## 2、 …

    Html/Css 2023年 6月 11日
  • 深入解析React DnD拖拽原理,轻松掌握拖放技巧!

    >我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/),致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。。 >本文作者:霁明 # 一、背景 ## 1、业务背景 业务中会有一些需要实现拖拽的场景,尤其是偏视觉方向以及移动端 …

    2023年 6月 9日
  • 深入解析React DnD拖拽原理,轻松掌握拖放技巧!

    >我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/),致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。。 >本文作者:霁明 # 一、背景 ## 1、业务背景 业务中会有一些需要实现拖拽的场景,尤其是偏视觉方向以及移动端 …

    2023年 6月 9日