CSS 第2页
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
ul中,如何让6个li,分成两列?-红穆笔记

ul中,如何让6个li,分成两列?

在HTML和CSS中,有多种方式可以实现将<ul>中的6个<li>元素分成两列显示。下面介绍几种常见的方法:方法1:使用CSS Flexbox你可以将<ul>设置为一个flex容器,然后通过设置flex...
红穆的头像-红穆笔记钻石会员红穆12个月前
12176
css 鼠标悬停 出现菜单-红穆笔记

css 鼠标悬停 出现菜单

当用户将鼠标悬停在图像上时显示菜单叠加。 使用 a 包装元素和将包含菜单链接的元素。 <figure> <img> <div>使用 and 属性在悬停时对图像进行动画处理,从而创建滑动效果。 o...
红穆的头像-红穆笔记钻石会员红穆3年前
02465
css 浮动后,父盒子没有高度解决办法-红穆笔记

css 浮动后,父盒子没有高度解决办法

如下所示,子元素 div2 本身具有高度和宽度,但由于其具有float:left;属性后。其父元素 div1 不具有高度。<html> <head> </head> <body> <div id="div1"...
红穆的头像-红穆笔记钻石会员红穆3年前
0879
CSS border-红穆笔记

CSS border

div{ border:2px solid; border-radius:25px; }定义和用法border-radius 属性是一个简写属性,用于设置四个 border-radius 属性。提示:该属性允许您为元素添加圆角边框!默认值:0继承性:no版...
红穆的头像-红穆笔记钻石会员红穆3年前
09013
用css 添加手状样式,鼠标移上去变小手,变小手-红穆笔记

用css 添加手状样式,鼠标移上去变小手,变小手

用css 添加手状样式,鼠标移上去变小手,变小手cursor:pointer;用JS使鼠标变小手onmouseover(鼠标越过的时候)onmouseover='this.style.cursor='hand''cursor其他取值 auto :标准光标 default :...
红穆的头像-红穆笔记钻石会员红穆3年前
09311
css vh和vw自适应-红穆笔记

css vh和vw自适应

在移动端中利用REM的相对于根HTML进行改变,通过一段JS实现了移动端自适应,本文则使用纯CSS视口单位来自行自适应,虽然现在的兼容性还没法完全能够接受,但不妨碍你认识这个vw和vh的强大。 响...
红穆的头像-红穆笔记钻石会员红穆3年前
02689
html+css写的一个网站缩略图生成器-红穆笔记

html+css写的一个网站缩略图生成器

::(不高兴)模板网站的缩略图都很好看,于是我也想,于是我折腾,结果我........摆烂 :@(装大款) 只写了一个PC端的,电脑可以拿去截图用::(阴险) 作用:可以生成你自己的网站缩略图效果图{hide}{...
红穆的头像-红穆笔记钻石会员红穆3年前
0717
css normalize.css是做什么的?-红穆笔记

css normalize.css是做什么的?

Normalize.css 使浏览器呈现所有 HTML 元素更加一致,并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供...
红穆的头像-红穆笔记钻石会员红穆3年前
026810
css3 网格布局-红穆笔记

css3 网格布局

一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上...
红穆的头像-红穆笔记钻石会员红穆3年前
01411
css3 2D动画(transform)-红穆笔记

css3 2D动画(transform)

transform语法:transform:none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() = matrix3d(<number>[,...
红穆的头像-红穆笔记钻石会员红穆3年前
01047
css 定位(position)-红穆笔记

css 定位(position)

语法:position:static | relative | absolute | fixed | center | page | sticky默认值:static适用于:除display属性定义为table-column-group | table-column之外的所有元素继承性:无动画...
红穆的头像-红穆笔记钻石会员红穆3年前
03713
在判断p标签下存在img标签的情况下才使img标签居中-红穆笔记

在判断p标签下存在img标签的情况下才使img标签居中

可以使用以下CSS代码来在存在<img>标签时将其居中:p img { display: block; /* 将<img>标签设置为块级元素 */ margin: 0 auto; /* 设置左右外边距为自动,即水平居中 */ }这将使&l...
红穆的头像-红穆笔记钻石会员红穆2年前
010011