javascript - css設計模式

求問大神，在css設計中，有哪些常用的設計模式，各自有什麼樣特色？

伊谢尔伦 2017-05-19 10:26:45 0  9  701

Tailwind CSS：精心設計導覽設計

我是CSS和VueJs新手，所以我正在創建選項卡面板設計+功能目前，我正在使用tailwindCSS插件我想要的設計是這樣的：當前：CodePen我無法複製這個願望，因為我錯過了：元素之間的空格：我嘗試使用flexspace-x-10或gridgrid-gap-20但它不起作用背景為灰色：我在<nav>內使用bg-gray-600進行嘗試，但是原因而非結果點擊時更改所選標籤

P粉515066518 2024-02-26 16:48:59 0  1  435

新的標題：使用純CSS和HTML壓縮HTML矩陣版面設計

我正在嘗試使用純HTML和CSS建立一個標誌。設計非常直觀，是一個[13x13]的矩陣，其中包含一些有顏色的項目。 CSS非常簡單和次要。但是，HTML程式碼卻有很多重複的部分，需要進行DRY（Don'tRepeatYourself）處理。 body{width:100vmin;margin:auto}logo{display:grid;grid-template-columns:repeat(13,1

P粉458913655 2023-09-07 21:27:33 0  1  552

使用與Figma設計相同的CSS值，產生不同的值

我正在嘗試實現Figma的設計，但注意到它並不總是準確的：這是我要創建的輸入欄位：請注意文字有多薄。這些是來自Figma的值：color:var(--heading-black,#222);/*Button/16/Regular*/font-family:Inter;font-size:16px;font-style:normal;font- weight:400;line-height:16px;

P粉642919823 2023-09-06 18:59:32 0  2  629

為什麼我無法在Next JS應用程式中使用CSS檔案？

我一直在一個使用NextJS進行網站設計的專案中工作，想要使用CSS檔案進行元件設計，但為什麼我無法在我的元件中匯入呢？在NextJS應用中是否可能只能使用模組化的CSS檔案？我嘗試了很多次在我的NextJS專案中導入CSS文件，但沒有成功導入。我已經導入了全域的CSS文件和模組化的CSS文件，但無法導入CSS文件。

P粉904191507 2023-09-22 10:58:43 0  1  1212

標題重寫為：Vue中新增內聯樣式的CSS變量

我在元件中使用css變量，並根據setup()中計算的資料設定div的寬度setup(props){constprogressBar=PositionService.getProgressBar(props.position);constprogressWidth=`${progressBar}%`;... return{...,progressWidth};}然後我使用這個變數作為css變數。 &l

P粉421119778 2023-12-31 12:51:41 0  1  567

做個跑步的前浪

最初學習計算機只是因為自己想玩玩電腦，後來學了程式設計是因為覺得很有意思，再到現在一直當程式設計師感覺學習很有意思，學了html、js、css、vue、react、php，都是自己在網路上找影片學習，現在剛開始學習java，希望自己越來越努力，做個奔跑的前浪

曲小冷 2020-06-05 13:49:51 1  0  1164

有沒有辦法為某些區域設定單獨的根字體大小？

我有一個用react和css模組編寫的設計系統，間距、字體、元素大小等的單位都是用rem編寫的（將基值設為16px）html{font-size:16px;}::root{- -spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;....--h1 -font-siz

P粉006847750 2024-01-10 17:43:21 0  1  507

如何在一個div上使用CSS屬性'Overflow: scroll'時確保完整滾動文字的覆蓋範圍

我是程式設計新手，目前正在嘗試使用HTML/CSS和JS製作一個簡單的單頁網站。我有一個名為'general_container'的CSS類，我在其中寫入文本，該類在CSS中也定義為'div_text'（下面提供了兩者的代碼）：.general_container{margin:min(1vw,1vh )min(1vw,1vh);display:flex;height:fit-content;width

P粉321584263 2023-08-16 00:13:42 0  2  672

JavaScript如何循序漸進，有效的學習？看不下去怎麼辦？

在w3school上面依序把HTML，CSS，JavaScript，jQuery等一些基礎知識前後學了兩遍，每個例子跟著敲打。看書方面，《JS DOM程式設計藝術》，《精通CSS》，來回看了兩遍，大部分能了解。參考了網路上無數個前端學習...

代言 2017-07-05 11:04:18 0  11  1847

如何在CSS顏色變數中應用透明度？

我正在electron中設計一個應用程序，所以我可以存取CSS變數。我在vars.css中定義了一個顏色變數：:root{--color:#f0f0f0;}我想在main.css中使用這個顏色，但要應用一些透明度：#element{background:(以某種方式使用var(--color)並設定一些透明度);}我該如何做到這一點？我沒有使用任何預處理器，只使用CSS。我比較喜歡一個純CSS的答案

P粉348088995 2023-08-20 18:51:07 0  1  537

前端 - CSS 一行人分成兩列

設計圖上規定左邊塊的長度是218px，但是我沒有辦法確定同一行後一塊的長度，我期望後一塊可以自動填滿當前行，求教目前第一塊的css樣式就是： {代碼...}效果圖：

滿天的星座 2017-05-27 17:44:16 0  6  1061

CSS 背景漸層不會覆蓋整個頁面（包括可捲動內容）

我在HTML文件中遇到CSS背景漸層問題。我設計了一個使用線性漸層作為背景的頁面，並將其設定在body元素上。我面臨的問題是，漸變似乎在螢幕最初結束的地方結束，即使有更多內容需要滾動。因此，當您向下滾動時，漸變的第二個實例似乎會重新開始。這是我目前的CSS(SCSS)程式碼：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  756

如何將不透明度套用至 CSS 顏色變數？

我正在使用Electron設計一個應用程序，因此我可以訪問CSS變數。我在vars.css中定義了一個顏色變數：:root{--color:#f0f0f0;}我想在main.css中使用這種顏色，但應用了一些不透明度：#element{background:(somehowusevar( --color)atsomeopacity);}我該如何做？我沒有使用任何預處理器，只使用CSS。我更喜歡全

P粉495955986 2023-08-24 00:12:47 0  1  538

如何在CSS顏色變數上套用不透明度？

我正在使用Electron設計一個應用程序，因此我可以訪問CSS變數。我在vars.css中定義了一個顏色變數：:root{--color:#f0f0f0;}我想在main.css中使用這種顏色，但應用了一些不透明度：#element{background:(somehowusevar( --color)atsomeopacity);}我該如何做？我沒有使用任何預處理器，只使用CSS。我更喜歡全

P粉496886646 2023-10-13 14:43:49 0  1  801

如何將透明度應用於CSS顏色變數？

我正在使用Electron設計一個應用程序，因此我可以訪問CSS變數。我在vars.css中定義了一個顏色變數：:root{--color:#f0f0f0;}我想在main.css中使用這種顏色，但應用了一些不透明度：#element{background:(somehowusevar( --color)atsomeopacity);}我該如何做？我沒有使用任何預處理器，只使用CSS。我更喜歡全

P粉573809727 2023-10-13 15:48:04 0  1  725

如何在小螢幕上隱藏標籤？

我有一個帶有標籤和圖標的antd菜單。這是設計的最小表示。 Codesandbox現在我想要的是當選單開始顯示省略號時隱藏標籤，只顯示圖示。由於我對CSS不太熟悉，我想知道是否可以透過antd來實現這個功能。

P粉520204081 2023-08-17 12:53:57 0  1  665

MVC框架中UI設計師該不該接觸View層？

MVC框架中UI設計師該不該接觸View層？ 問題是這樣的,與一個朋友開發一款Web應用,負責UI的我給他提供Html靜態頁和CSS,但有的時候HTML的結構需要改變,請問有沒有好的方法,可以減少這種重複的工作量.

高洛峰 2017-05-16 17:06:50 0  3  818

將標題重寫為：如何將我的標誌放置在頁眉的左上角？

我正在為我的大學專案設計一個標題，其中標誌應該位於左上角。我嘗試使用CSS中的浮動屬性，但沒有反應。如何將我的標誌移到標題列的左上角？我試了很多次，但程式碼沒有執行。 @importurl('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,500;1,400&display=swap'

P粉595605759 2023-09-07 18:11:37 0  2  615

javascript - html中，圖片、JS、CSS透過標籤的src或url取得伺服器上的資源，那伺服器需要為每個資源寫出對應的回應嗎？

最近小白在學nodeJS，在做網頁程式設計這塊兒時想到，瀏覽器先透過輸入的位址發出HTTP請求到一個頁面（伺服器回應請求回傳一個HTML檔），然後HTML中的圖片、JS、CSS透過標籤的src或href取得伺服器上的資源（也是瀏覽...

为情所困 2017-06-17 09:16:59 0  1  1076