好文分享

目的： 生成如下图所示虚线 实现方式 实现方式，有的人用多个span生成，一个小圆点就是一个span，这样是可以，但是整个状态改变比较麻烦，有什么方式生成可以控制的虚线呢？ 立即学习“前端免费学习笔记（深入）”； （视频教程推荐：css视频教程） 生成dashed 生成横向线 生成dashed虚线，…

注意：该方法只适用于 -webkit- 内核浏览器 滚动条外观由两部分组成： 1、滚动条整体滑轨 2、滚动条滑轨内滑块 在CSS中滚动条由3部分组成 立即学习“前端免费学习笔记（深入）”； name::-webkit-scrollbar //滚动条整体样式name::-webkit-scrollba…

下面主要为大家介绍一下三种常见的定位。 1、position:relative（相对定位） 相对定位就是相对于原来自己的位置做出对应的变化,。 需要注意的是：元素移动后会占有原来的位置(这是relative定位最为重要的一点) （视频教程推荐：css视频教程） 立即学习“前端免费学习笔记（深入）”；…

对于搜索引擎或电子商务网站，常常将信息分页显示，这样可以减少页面大小，进而提高页面的加载速度。分页显示后，就需要通过分页导航来告诉用户要浏览的信息量，方便用户快速跳过一些不想看的信息，也便于定位和查找。因此，分页导航也是很常见的、很重要的一种导航。 实际上，分页导航的制作方法也很简单。分页导航一般包…

content属性一般用于::before、::after伪元素中，用于呈现伪元素的内容。 用法详解 1、插入纯字符 *{margin: 0;padding: 0;box-sizing: border-box;} li{list-style: none;} .content{ position: r…

第1种效果： 代码如下： html css 立即学习“前端免费学习笔记（深入）”； .loading{ width: 80px; height: 40px; margin: 0 auto; margin-top:100px; } .loading span{ display: inline-bloc…

第一步：确定 HTML 代码结构 在创建 HTML 代码前，你首先应该想象它的结构。当你有一个好的模型时，应该第一时间把你想象的页面结构或者你的 CSS 模块及时地在纸上罗列出来。一个设计合理、结构良好的 HTML 页面会让你在接下来的工作过程中变的一异常轻松。 利用css制作卡片UI — 墨丶水…

学习css是构建好看网页的一种方式。 但是，在学习过程中，我们倾向于（大部分时间）限制自己，一遍又一遍地使用相同的属性。 毕竟，我们是一种习惯性的动物，我们会使用自己习惯且熟悉的东西。 因此，在这篇文章中，向你介绍7个 比较少见且好用的 CSS 属性，希望对你有所帮助。 1. vertical-al…

首先我们知道a标签是没有disabled属性的，那么我们该如何实现a标签按钮的禁用呢？ 解决方法： 方法一：移除点击事件click或touchend 我们可以直接使用jquery：unbind()或者JS：removeEventListener()移除点击事件。 （视频教程推荐：css视频教程） 方…