CSS共30篇
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
css 鼠标悬停时显示图像叠加效果-红穆笔记

css 鼠标悬停时显示图像叠加效果

悬停时显示图像叠加效果。 分别将 和 伪元素用于叠加层的顶部和底部栏。设置它们的,并产生所需的效果。 :before:afteropacitytransformtransition将 用于叠加的文本。设置 ,并将文本居中到图...
红穆的头像-红穆笔记钻石会员红穆3年前
01427
css normalize.css是做什么的?-红穆笔记

css normalize.css是做什么的?

Normalize.css 使浏览器呈现所有 HTML 元素更加一致,并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供...
红穆的头像-红穆笔记钻石会员红穆3年前
027510
css 浮动后,父盒子没有高度解决办法-红穆笔记

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

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

css 背景颜色渐变属性(linear

语法:<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+) <side-or-corner> = [left | righ...
红穆的头像-红穆笔记钻石会员红穆3年前
017911
css绝对定位居中-红穆笔记

css绝对定位居中

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

css 兄弟姐妹褪色

淡出悬停项的同级。 使用 a 对 所做的更改进行动画处理。 transitionopacity使用 和 伪类选择器更改除鼠标所在的元素之外的所有元素。 :hover:notopacity0.5 <div class="sibling-fade&...
红穆的头像-红穆笔记钻石会员红穆3年前
02525
css3 border属性总结(如何设置边框虚线?)-红穆笔记

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

border语法:border:<line-width> || <line-style> || <color> <line-width> = <length> | thin | medium | thick <line-style> = none | hidden | dotte...
红穆的头像-红穆笔记钻石会员红穆3年前
016814
css 定位(position)-红穆笔记

css 定位(position)

语法:position:static | relative | absolute | fixed | center | page | sticky默认值:static适用于:除display属性定义为table-column-group | table-column之外的所有元素继承性:无动画...
红穆的头像-红穆笔记钻石会员红穆3年前
04113
li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色-红穆笔记

li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色

要实现当鼠标放在 li 标签上时让内部的 a 标签变色,你可以使用 CSS 的 :hover 选择器结合后代选择器。下面是一个简单的示例:假设你的 HTML 结构如下:<ul> <li><a href='#'>...
红穆的头像-红穆笔记钻石会员红穆1年前
012913
css 汉堡包按钮-红穆笔记

css 汉堡包按钮

显示一个汉堡菜单,该菜单在悬停时转换为十字按钮。 使用包含顶部、底部和中间条形的容器。 .hamburger-menudiv将容器设置为 with 。 display: flexflex-flow: column wrap使用 添加条形图之间...
红穆的头像-红穆笔记钻石会员红穆3年前
010413
在判断p标签下存在img标签的情况下才使img标签居中-红穆笔记

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

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

CSS border

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