css滚动进度条 HTML笔记

css滚动进度条

需求 首先先描述一下需求,就是在顶部有一个进度条,随竖向滚动条的滚动而长短变化,用以显示文章阅读进度,实现的方式是采用css来实现。 既然是使用css来实现,那么我们应该思考一下如何使用css,貌似c···
flex弹性布局 HTML笔记

flex弹性布局

网页布局在前端开发中是一个很重要的点,在传统布局解决方案中,一般是基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就···
使用css设置div等比例缩放高宽 HTML笔记

使用css设置div等比例缩放高宽

在响应式开发中,有一些元素需要按等比例进行显示,比如说一个上传图片的区域,我们需要严格限制上传区域的比例为3:1,上传完成后的预览图宽高均为100%,才能保证用户上传后看到上传的图片是否合乎比例,是否···
pointer-events用法 HTML笔记

pointer-events用法

近来发现一个新的css属性,它是一个于javascript相关的属性:pointer-events。直译为指针事件,当把值设置为none后,他有如下相关特性。 阻止用户的点击动作产生任何效果; 阻止缺···
负margin在页面布局中的应用 HTML笔记

负margin在页面布局中的应用

两栏布局 在页面中经常会遇到两列的情况,比如说左侧栏固定宽度,右侧栏自适应宽度,此时可以用flex布局的方式,但是这种方式在ie8上不兼容,但是也可以用table。这里我们来说用margin的负值来实···
CSS之box-sizing的应用 HTML笔记

CSS之box-sizing的应用

在我们说box-sizing之前,我们先了解下前端经典的“盒子模型”,聪明的程序猿们巧妙的用盒子模型这一形象将枯燥的css代码表示出来:想象一个盒子,它有:外边距(margin)、边框(border)···
通过css设置滚动条样式 HTML笔记

通过css设置滚动条样式

在移动端通常情况下滚动条是不显示出来,这样会让一些不明就里的人不知道是否可以滑动查看更多的信息,通过css可以来设置滚动条的样式,并且让它一直显示出来。 .rullContent{ margin: 0···
通过css和jQuery实现手风琴菜单效果 HTML笔记

通过css和jQuery实现手风琴菜单效果

在做管理系统时经常会用到点击展开,再次点击关闭的菜单效果,通常有很多的插件来实现,但是效果实现了,由于引入了大量的外部文件,导致项目本来内容就多,变得更多了,不利于项目的代码管理。下面我来介绍一个简单···
用css设置html中table样式 HTML笔记

用css设置html中table样式

一般情况下table默认是没有边框的,那我们应该如何给它添加边框和颜色呢,下面我们来看一下 border:1px solid #E4E4E4; 这行代码就是给table标签设置边框的代码,如果将这行代···
JQuery中操作Css样式的方法 HTML笔记

JQuery中操作Css样式的方法

今天写项目的时候突然不知道如何通过jquery来操作css样式了,于是就上网查了一下,现在总结出来给大家分享一下。 /1、获取和设置样式 $("#tow").attr("class")获取ID为tow···
鼠标经过或点击时图片变大 HTML笔记

鼠标经过或点击时图片变大

在淘宝上的商品展示的都是缩略图,有的当鼠标经过时图片变大,为的是让顾客看的更清楚,同时又能节省网页空间,这是一种非常方便的方法。我来给大家介绍一种方法,当鼠标经过的时候图片放到,如果放到手机上时,当你···
微信手机端背景滑动特效 HTML笔记

微信手机端背景滑动特效

随着微信平台的发展,微信公众号变的也相当火爆,成为了众多商家吸引大众眼球的一个基地。这些商家在这个平台上发布自己的活动,这些活动需要程序员来使用网页代码来实现,下面我来说一下微信平台上通过向上滑动屏幕···