CSS共30篇
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
css vh和vw自适应
在移动端中利用REM的相对于根HTML进行改变，通过一段JS实现了移动端自适应，本文则使用纯CSS视口单位来自行自适应，虽然现在的兼容性还没法完全能够接受，但不妨碍你认识这个vw和vh的强大。 响...
3年前css 鼠标悬停 出现菜单
当用户将鼠标悬停在图像上时显示菜单叠加。 使用 a 包装元素和将包含菜单链接的元素。 <figure> <img> <div>使用 and 属性在悬停时对图像进行动画处理，从而创建滑动效果。 o...
3年前ul中，如何让6个li，分成两列？
在HTML和CSS中，有多种方式可以实现将<ul>中的6个<li>元素分成两列显示。下面介绍几种常见的方法：方法1：使用CSS Flexbox你可以将<ul>设置为一个flex容器，然后通过设置flex...
1年前css 背景图固定不滚动（background
background-attachment 属性body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; }标签定义及使用说明background-attachment设置背景图像...
3年前animate.css – 齐全的CSS3动画库
简介animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多...
3年前html，php，ajax写的一个小说阅读器
纯阅读版本：<?php // index.php session_start(); $uploadDir = 'books/'; $booksFile = $uploadDir . 'books.json'; // 初始化书籍存储目录 if (!file_exists($uploadDir)) mkdir($uploadD...
22天前CSS border
div{ border:2px solid; border-radius:25px; }定义和用法border-radius 属性是一个简写属性，用于设置四个 border-radius 属性。提示：该属性允许您为元素添加圆角边框！默认值：0继承性：no版...
3年前css 鼠标悬停时显示图像叠加效果
悬停时显示图像叠加效果。 分别将 和 伪元素用于叠加层的顶部和底部栏。设置它们的，并产生所需的效果。 :before:afteropacitytransformtransition将 用于叠加的文本。设置 ，并将文本居中到图...
3年前写了一个办公文本处理的html，用于处于ai生成的办公文案处理分段。
写了一个办公文本处理的html，用于处于ai生成的办公文案处理分段。<!DOCTYPE html> <html lang='zh-CN'> <head> <meta charset='UTF-8'> <meta name='viewport' con...
4个月前css normalize.css是做什么的？
Normalize.css 使浏览器呈现所有 HTML 元素更加一致，并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。Normalize.css只是一个很小的css文件，但它在磨人的HTML元素样式上提供...
3年前css 创建悬停时旋转的双面卡
创建悬停时旋转的双面卡。 将卡的 设置为无。 backface-visibility最初，将卡的背面设置为 ，将正面设置为 。 rotateY()-180deg0deg悬停后，将正面设置为 和 背面 。 rotateY()180deg0deg设置适...
3年前
发现一个非常好看的404页面
显示效果。代码：<!DOCTYPE html> <html lang='zh-CN'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'&g...
35天前
