CSS共30篇
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
发现一个非常好看的404页面
显示效果。代码：<!DOCTYPE html> <html lang='zh-CN'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'&g...
37天前
CSS 圆角
CSS 圆角通过 CSS border-radius 属性，可以实现任何元素的“圆角”样式。CSS border-radius 属性CSS border-radius 属性定义元素角的半径。提示：您可以使用此属性为元素添加圆角！这里有三个...
3年前css 浮动后，父盒子没有高度解决办法
如下所示，子元素 div2 本身具有高度和宽度，但由于其具有float:left；属性后。其父元素 div1 不具有高度。<html> <head> </head> <body> <div id="div1"...
3年前用css 添加手状样式,鼠标移上去变小手,变小手
用css 添加手状样式,鼠标移上去变小手,变小手cursor:pointer;用JS使鼠标变小手onmouseover(鼠标越过的时候)onmouseover='this.style.cursor='hand''cursor其他取值 auto ：标准光标 default ：...
3年前css 鼠标悬停 出现菜单
当用户将鼠标悬停在图像上时显示菜单叠加。 使用 a 包装元素和将包含菜单链接的元素。 <figure> <img> <div>使用 and 属性在悬停时对图像进行动画处理，从而创建滑动效果。 o...
3年前html+css写的一个网站缩略图生成器
::(不高兴)模板网站的缩略图都很好看，于是我也想，于是我折腾，结果我........摆烂 :@(装大款) 只写了一个PC端的，电脑可以拿去截图用::(阴险) 作用：可以生成你自己的网站缩略图效果图{hide}{...
3年前html，php，ajax写的一个小说阅读器
纯阅读版本：<?php // index.php session_start(); $uploadDir = 'books/'; $booksFile = $uploadDir . 'books.json'; // 初始化书籍存储目录 if (!file_exists($uploadDir)) mkdir($uploadD...
24天前css 鼠标悬停时显示图像叠加效果
悬停时显示图像叠加效果。 分别将 和 伪元素用于叠加层的顶部和底部栏。设置它们的，并产生所需的效果。 :before:afteropacitytransformtransition将 用于叠加的文本。设置 ，并将文本居中到图...
3年前css3 响应式布局的坑
在响应式布局的时候，由于不太熟练浮动布局，所以就用css3最新的弹性盒布局和网格布局来做，在做响应式的时候遇到了有点坑。之前的代码：@media (max-width:570px) { } @media (max-width:992px...
3年前css 背景图固定不滚动（background
background-attachment 属性body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; }标签定义及使用说明background-attachment设置背景图像...
3年前css vh和vw自适应
在移动端中利用REM的相对于根HTML进行改变，通过一段JS实现了移动端自适应，本文则使用纯CSS视口单位来自行自适应，虽然现在的兼容性还没法完全能够接受，但不妨碍你认识这个vw和vh的强大。 响...
3年前animate.css – 齐全的CSS3动画库
简介animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多...
3年前
