css教程
css修改滚动条样式教程
在CSS中可以使用 ::-webkit-scrollbar 选择器来修改滚动条的样式。以下是几种不同的实现方法：使用 ::-webkit-scrollbar 修改滚动条的宽度、高度、颜色和背景：使用 ::-webkit-scrollbar 修改滚动条的样式，同时使用伪类 :hover 修改滚动条滑块悬停时的样...
给网站添加一个Gitee/Github徽章图标代码
为您的网站添加一个Gitee/Github徽章图标，支持任意网站，将下面代码放在网站底部或者侧边栏，主要是html、css代码！效果如下：这个主要是显示时间倒计时的。
text-decoration上 中 下划线使用方法
text-decoratio在日常开发中主要用于文字添加上划线、中划线（删除线、栅格线、贯穿线）、下划线样式。text-decoration-line ：指定文本装饰的种类。相当于CSS1时的text-decoration属性text-decoration-style ：指定文本装饰的样式。...
哀悼日网站变灰色方法
很多网站会在特别的日子把网站变灰色，以表哀悼，很多小白还不会，我的站长站分享给大家一段CSS把网站变灰色的方法。只需把以下CSS加入到网站header标签内，或CSS文件内即可。...
全套@media响应式布局代码方案分享
本文分享一套完整 CSS @media 媒体查询响应式布局方案，适配电脑、平板、手机等不同尺寸设备，包含通用样式重置、多断点屏幕适配、导航栏、左右布局、卡片模块、字体 / 间距自适应等常用模块。代码分层清晰、可直接复用，兼容主流浏览器，适用于官网、后台...
less响应式布局方案分享
分享一套作用的less响应式布局方案，因为less不支持函数方法，所以只能使用计算方法，来实现自动换算终端分辨率比例的功能，下面这套是我的站长站自用的方案，分享给大家。...
开发第一个字符制作圆形文字图标效果
css开发第一个字符制作圆形文字图标效果，非常简单，先固定一个圆形span标签宽高为，圆角 50%，然后设定行高，让字符垂直居中，设定 overflow: hidden，限制字符溢出，然后设定 letter-spacing: 200px,让字符间距变大，不让第二个字符显示到span中，然后设定 text-inden...
:before和:after伪元素使用方法
日常开发中我们常常用到:before和:after伪元素在指定标签前和后增加内容，非常方便，例如：如果是想利用:before和:after伪元素插入图标，我们可以用默认的字符图标或者引入图标库比如Iconfont-阿里巴巴矢量图标库或者一张图标图片。...
利用Sass/Less快速将px单位转换rem/em/vw单位教程
在响应式开发中，px单位明显不适用，最好使用rem/em/vw单位更合适，一个个的手动将PX单位修改换算成rem/em/vw单位又非常麻烦，这里我的站长站推荐利用Sass或Less自动化将全部px单位快速的转换成rem/em/vw单位方法。...
3不倒翁动态效果代码
CSS3不倒翁动态效果代码是一种使用HTML和CSS实现的动画效果，可以创建出类似不倒翁在地面上滚动的效果。该代码通过改变不倒翁的位置和方向，使其看起来好像在地面上滚动一样。...