红穆笔记
首页 语言笔记 CSS

CSS

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

一个简单的网站单页,可以自我介绍,或者是纯展示的单页。

一个简单的网站单页,可以自我介绍,或者是纯展示的单页。 语言笔记 CSS 踩坑总结

记录一下这个单页。也就是一个简单的页面实现的代码如下:<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" conten…
👁 64
发现一个非常好看的404页面

发现一个非常好看的404页面 语言笔记 CSS JavaScript

显示效果。代码:<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width…
👁 144
写了一个办公文本处理的html,用于处于ai生成的办公文案处理分段。

写了一个办公文本处理的html,用于处于ai生成的办公文案处理分段。 语言笔记 CSS 踩坑总结

写了一个办公文本处理的html,用于处于ai生成的办公文案处理分段。<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" c…
👁 152
html,php,ajax写的一个小说阅读器

html,php,ajax写的一个小说阅读器 语言笔记 PHP CSS JavaScript Bootstrap

纯阅读版本:<?php // index.php session_start(); $uploadDir = 'books/'; $booksFile = $uploadDir . 'books.json'; // 初始化书籍存储目录 if (!file_exists($uploadDir))…
👁 171
ul中,如何让6个li,分成两列?

ul中,如何让6个li,分成两列? 语言笔记 CSS

在HTML和CSS中,有多种方式可以实现将<ul>中的6个<li>元素分成两列显示。下面介绍几种常见的方法:方法1:使用CSS Flexbox你可以将<ul>设置为一个flex容器,然后通过设置flex-wrap属性为wrap,并指定每个<li>元素占…
👁 499
li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色

li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色 语言笔记 CSS

要实现当鼠标放在 li 标签上时让内部的 a 标签变色,你可以使用 CSS 的 :hover 选择器结合后代选择器。下面是一个简单的示例:假设你的 HTML 结构如下:<ul> <li><a href="#">链接1</a></li> &l…
👁 228
HTML+CSS+Swiper 实现网易云手机端三列左右滑动思路

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

先利用Swiper 来实现左右滑动!再用HTML+css实现文字图片布局显示!代码:🔒 隐藏内容:会员可查看<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <tit…
👁 188
html css 标题显示一行 超出部分隐藏

html css 标题显示一行 超出部分隐藏 语言笔记 CSS

要实现在HTML中使标题显示一行,并隐藏超出部分,可以使用CSS样式来控制元素的显示方式。下面是一种常用的方法:HTML代码:<div class="title"> <h1>这是一个非常非常长的标题,需要隐藏超出部分</h1> </div>CSS代码:…
👁 197
在判断p标签下存在img标签的情况下才使img标签居中

在判断p标签下存在img标签的情况下才使img标签居中 语言笔记 CSS

可以使用以下CSS代码来在存在<img>标签时将其居中:p img { display: block; /* 将<img>标签设置为块级元素 */ margin: 0 auto; /* 设置左右外边距为自动,即水平居中 */ }这将使<img>标签在其父级<…
👁 200
css绝对定位居中

css绝对定位居中 语言笔记 CSS

css绝对定位居中的实现方法有很多,下面将给大家介绍css绝对定位居中的四种方法。 1、兼容性不错的主流css绝对定位居中的用法: .conter{   width:600px;height:400px;   position:absolute;left:50%;top:50%;   margin-…
👁 414
1 2 3 4