红穆笔记
首頁 語言筆記 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