CSS共28篇
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
在判断p标签下存在img标签的情况下才使img标签居中-红穆笔记

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

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

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

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

CSS 圆角

CSS 圆角通过 CSS border-radius 属性,可以实现任何元素的“圆角”样式。CSS border-radius 属性CSS border-radius 属性定义元素角的半径。提示:您可以使用此属性为元素添加圆角!这里有三个...
红穆的头像-红穆笔记红穆3年前
013810
html css 标题显示一行 超出部分隐藏-红穆笔记

html css 标题显示一行 超出部分隐藏

要实现在HTML中使标题显示一行,并隐藏超出部分,可以使用CSS样式来控制元素的显示方式。下面是一种常用的方法:HTML代码:<div class='title'> <h1>这是一个非常非常长的标题,需...
红穆的头像-红穆笔记红穆2年前
0876
css 定位(position)-红穆笔记

css 定位(position)

语法:position:static | relative | absolute | fixed | center | page | sticky默认值:static适用于:除display属性定义为table-column-group | table-column之外的所有元素继承性:无动画...
红穆的头像-红穆笔记红穆3年前
03513
css如何设置p标签不换行?-红穆笔记

css如何设置p标签不换行?

p标签是块级元素,会独占一行。如果我们想要设置两个p标签在同一行该如何设置呢?下面我们来看一下使用css设置p标签不换行的方法。默认情况下p标签会自动换行的,下面我们来看一下使用css设置p...
红穆的头像-红穆笔记红穆3年前
01626
HTML+CSS+Swiper 实现网易云手机端三列左右滑动思路-红穆笔记

HTML+CSS+Swiper 实现网易云手机端三列左右滑动思路

先利用Swiper 来实现左右滑动!再用HTML+css实现文字图片布局显示!代码: 
红穆的头像-红穆笔记红穆1年前
01046
css3 2D动画(transform)-红穆笔记

css3 2D动画(transform)

transform语法:transform:none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() = matrix3d(<number>[,...
红穆的头像-红穆笔记红穆3年前
0977
用css 添加手状样式,鼠标移上去变小手,变小手-红穆笔记

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

用css 添加手状样式,鼠标移上去变小手,变小手cursor:pointer;用JS使鼠标变小手onmouseover(鼠标越过的时候)onmouseover='this.style.cursor='hand''cursor其他取值 auto :标准光标 default :...
红穆的头像-红穆笔记红穆3年前
09211
li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色-红穆笔记

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

要实现当鼠标放在 li 标签上时让内部的 a 标签变色,你可以使用 CSS 的 :hover 选择器结合后代选择器。下面是一个简单的示例:假设你的 HTML 结构如下:<ul> <li><a href='#'>...
红穆的头像-红穆笔记红穆12个月前
010813
css vh和vw自适应-红穆笔记

css vh和vw自适应

在移动端中利用REM的相对于根HTML进行改变,通过一段JS实现了移动端自适应,本文则使用纯CSS视口单位来自行自适应,虽然现在的兼容性还没法完全能够接受,但不妨碍你认识这个vw和vh的强大。 响...
红穆的头像-红穆笔记红穆3年前
02629
css 鼠标悬停 出现菜单-红穆笔记

css 鼠标悬停 出现菜单

当用户将鼠标悬停在图像上时显示菜单叠加。 使用 a 包装元素和将包含菜单链接的元素。 <figure> <img> <div>使用 and 属性在悬停时对图像进行动画处理,从而创建滑动效果。 o...
红穆的头像-红穆笔记红穆3年前
02425