css

注意：该方法只适用于 -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 — 墨丶水…

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

一、允许网页宽度自动调整 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100…

css代码： .box { /* 禁止选中文本 */ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select:…