CSS共27篇
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
css normalize.css是做什么的?-红穆笔记

css normalize.css是做什么的?

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

css 创建悬停时旋转的双面卡

创建悬停时旋转的双面卡。 将卡的 设置为无。 backface-visibility最初,将卡的背面设置为 ,将正面设置为 。 rotateY()-180deg0deg悬停后,将正面设置为 和 背面 。 rotateY()180deg0deg设置适...
红穆的头像-红穆笔记钻石会员红穆3年前
08715
css3 响应式布局的坑-红穆笔记

css3 响应式布局的坑

在响应式布局的时候,由于不太熟练浮动布局,所以就用css3最新的弹性盒布局和网格布局来做,在做响应式的时候遇到了有点坑。之前的代码:@media (max-width:570px) { } @media (max-width:992px...
红穆的头像-红穆笔记钻石会员红穆3年前
05914
css 汉堡包按钮-红穆笔记

css 汉堡包按钮

显示一个汉堡菜单,该菜单在悬停时转换为十字按钮。 使用包含顶部、底部和中间条形的容器。 .hamburger-menudiv将容器设置为 with 。 display: flexflex-flow: column wrap使用 添加条形图之间...
红穆的头像-红穆笔记钻石会员红穆3年前
07813
css3 border属性总结(如何设置边框虚线?)-红穆笔记

css3 border属性总结(如何设置边框虚线?)

border语法:border:<line-width> || <line-style> || <color> <line-width> = <length> | thin | medium | thick <line-style> = none | hidden | dotte...
红穆的头像-红穆笔记钻石会员红穆3年前
015414
css 兄弟姐妹褪色-红穆笔记

css 兄弟姐妹褪色

淡出悬停项的同级。 使用 a 对 所做的更改进行动画处理。 transitionopacity使用 和 伪类选择器更改除鼠标所在的元素之外的所有元素。 :hover:notopacity0.5 <div class="sibling-fade&...
红穆的头像-红穆笔记钻石会员红穆3年前
01835
html+css写的一个网站缩略图生成器-红穆笔记

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

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

css绝对定位居中

css绝对定位居中的实现方法有很多,下面将给大家介绍css绝对定位居中的四种方法。 1、兼容性不错的主流css绝对定位居中的用法: .conter{ width:600px;height:400px; position:absolute;left:50...
红穆的头像-红穆笔记钻石会员红穆2年前
02967
css 背景颜色渐变属性(linear-红穆笔记

css 背景颜色渐变属性(linear

语法:<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+) <side-or-corner> = [left | righ...
红穆的头像-红穆笔记钻石会员红穆3年前
014811
css3 网格布局-红穆笔记

css3 网格布局

一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上...
红穆的头像-红穆笔记钻石会员红穆3年前
01141
在判断p标签下存在img标签的情况下才使img标签居中-红穆笔记

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

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

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

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