CSS共29篇
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
css3 网格布局
一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上...
3年前css3 border属性总结（如何设置边框虚线？）
border语法：border：<line-width> || <line-style> || <color> <line-width> = <length> | thin | medium | thick <line-style> = none | hidden | dotte...
3年前animate.css – 齐全的CSS3动画库
简介animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多...
3年前ul中，如何让6个li，分成两列？
在HTML和CSS中，有多种方式可以实现将<ul>中的6个<li>元素分成两列显示。下面介绍几种常见的方法：方法1：使用CSS Flexbox你可以将<ul>设置为一个flex容器，然后通过设置flex...
12个月前css 背景图固定不滚动（background
background-attachment 属性body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; }标签定义及使用说明background-attachment设置背景图像...
3年前html，php，ajax写的一个小说阅读器
纯阅读版本：<?php // index.php session_start(); $uploadDir = 'books/'; $booksFile = $uploadDir . 'books.json'; // 初始化书籍存储目录 if (!file_exists($uploadDir)) mkdir($uploadD...
1个月前css 浮动后，父盒子没有高度解决办法
如下所示，子元素 div2 本身具有高度和宽度，但由于其具有float:left；属性后。其父元素 div1 不具有高度。<html> <head> </head> <body> <div id="div1"...
3年前css3 响应式布局的坑
在响应式布局的时候，由于不太熟练浮动布局，所以就用css3最新的弹性盒布局和网格布局来做，在做响应式的时候遇到了有点坑。之前的代码：@media (max-width:570px) { } @media (max-width:992px...
3年前css 创建悬停时旋转的双面卡
创建悬停时旋转的双面卡。 将卡的 设置为无。 backface-visibility最初，将卡的背面设置为 ，将正面设置为 。 rotateY()-180deg0deg悬停后，将正面设置为 和 背面 。 rotateY()180deg0deg设置适...
3年前css normalize.css是做什么的？
Normalize.css 使浏览器呈现所有 HTML 元素更加一致，并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。Normalize.css只是一个很小的css文件，但它在磨人的HTML元素样式上提供...
3年前在判断p标签下存在img标签的情况下才使img标签居中
可以使用以下CSS代码来在存在<img>标签时将其居中：p img { display: block; /* 将<img>标签设置为块级元素 */ margin: 0 auto; /* 设置左右外边距为自动，即水平居中 */ }这将使&l...
2年前css3 2D动画（transform）
transform语法：transform：none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() = matrix3d(<number>[,...
3年前
