CSS 样式书写规范(推荐)
编码设置 采用 UTF-8 编码，在 CSS 代码头部使用： @charset "utf-8"; 注意，必须要定义在 CSS 文件所有字符的前面（包括编码注释），@charset 才会生效。 例如，下面的例子都会使得 @charset...
陆砚码
陆砚码
CSS自定义浏览器滚动条样式完整代码
CSS自定义浏览器滚动条样式指南在现代网页设计中，细节决定成败。滚动条作为用户与页面交互的重要组成部分，其样式往往被忽视。本文将详细介绍如何使用CSS自定义浏览器滚动条的样式，帮助你提升网站的视觉效果和用户体验。 1. 隐藏滚动条的角...
陆砚码
CSS中的hover属性使用方法
css 的 hover 属性是一种伪类选择器，它可以用来在鼠标悬停在某个元素上时改变该元素或其子元素、同级元素、相邻元素的样式 。hover 属性可以应用于任何元素，不仅仅是链接 。使用 hover 属性时，需要注意以下几点：hove...
陆砚码
CSS3媒体查询(Media Queries)介绍
媒体类型 all 所有设备 screen 电脑显示器 handheld 便携设备 tv 电视类型设备 print 打印用纸打印预览视图 关键字 and not(排除某种设备) only(限定某种设备) 媒体特性 媒体特性共13种，可以...
陆砚码
CSS鼠标悬浮动画-hover属性详解
1. Grow-Shadow 鼠标移入盒子放大并出现底部阴影 效果： 代码 .box { width: 200px; height: 200px; background-color: aqua; -webkit-tra...
陆砚码
CSS中的 position属性sticky详解
在开发移动端app时，经常会碰到需要这样一种情况 —— 网站滚动到一定高度的时候，让一部分内容作为navbar，也就是置顶显示，我们一般会使用js监听scroll事件来实现，但是新增的css属性position:sticky可以简单实...
陆砚码