tag Css

標籤
貢獻785
960
06:37 AM · Oct 27 ,2025
vitaly-friedman 頭像 u_15469972 頭像 nanchengfe 頭像 louis-lazaris 頭像 temani-afif 頭像 u_16164933 頭像 u_17534189 頭像 u_17569005 頭像 adrian-bece 頭像 andy-clarke 頭像 u_13934709 頭像 brecht-de-ruyte 頭像

@Css / 博客 RSS 訂閱

u_13250 頭像

flybirdfly - CSS 模塊化方案探討（BEM、OOCSS、CSS Modules、CSS-in-JS ...） - Web 前端開發

Webstudio Visual Builder 模塊化 CSS 方案：CSS-in-JS 與 CSS Modules 實踐 你是否還在為大型前端項目中的 CSS 衝突、樣式覆蓋問題頭疼？是否在團隊協作時因樣式命名不規範而效率低下？Webstudio Visual Builder 作為現代可視化開發工具，採用模塊化 CSS 方案徹底

模塊化 , Css , 前端開發 , Javascript

收藏 評論

teayear 頭像

學技術贏未來 - 鴻蒙負一屏的技術定位與核心價值

一、鴻蒙負一屏的技術定位與核心價值 ** 鴻蒙負一屏（官方名稱 “智慧助手・今天”）並非傳統意義上的信息展示面板，而是 HarmonyOS 全場景生態的核心服務入口與智能交互中樞。其技術定位是通過 “原子化服務 + 端雲協同 AI”，打破應用邊界，實現 “服務按需呈現、交互即取即用” 的輕量化體驗。 從技術價值來看，鴻蒙負一屏解決了三大行業痛點： 服務觸達效率低：傳統 App 需安裝、啓

數據 , 技術架構 , Css , 開發者 , 前端開發 , HTML

收藏 評論

lingfeng_5c71377321873 頭像

凌楓 - CSS選擇器的分類

《PHP 面試問答》 結合實際 PHP 面試，系統的彙總面試中的各種各樣的問題，嘗試提供簡潔準確的答案。如果你在 PHP 面試中遇到問題，歡迎提 Issues 交流。包含網絡協議、數據結構與算法、PHP、Web、MySQL、Redis、Linux、安全、設計模式、架構、自我介紹、離職原因、職業規劃、準備問題等部分 基本規則 通過 CSS 可以向文檔中的一組元素類型應用某些規則 利用 CSS，

css選擇器 , php , 面試 , Css

收藏 評論

u_15469972 頭像

mb61c46a7ab1eee - 實用指南：CAN 波特率的幾個參數説明和計算方式（以STM32為例）

CAN總線的位時間（決定波特率的根本）主要由Seg1 和 Seg2這兩個段決定。可是，還有一個同樣關鍵的段叫做Propagation Segment。 所以，一個完整的標準位時間由以下4個段組成： 同步段 傳播時間段 相位緩衝段1 相位緩衝段2 而 Sync Jump Width是一個與這些段相關的、非常核心的容錯參數。

時間段 , Css , 時鐘偏差 , 前端開發 , 工作原理 , HTML

收藏 評論

u_15701873 頭像

mb62bc064f8f791 - 功率與相位

功率與相位 有兩種方式來觀察相位。第一種是電壓彼此相異，比如三相電，第二種，電壓電流相異。 如果有兩個不同的發電機，即使以相同頻率工作，在連到一起之前，要確保它們相位相同。簡單來説，就是電壓要同時上升下降。如果不同步，它們就會相互影響。 有時，你操作正確，希望電壓不同步。在工業上，特別是電機方

數學方法 , 正弦波 , Css , 前端開發 , HTML

收藏 評論

u_17534189 頭像

qq68d2318712d49 - win11系統下載，win11專業版，25H2企業版鏡像ISO地址下載，（附永久免費版安裝教程）

下載地址獲取 所有的都放在這裏了 所有版本都放在這裏了 編輯 windows service 編輯 激活工具也放在這裏了，每一款都可以直接用 編輯 激活教程 打開HEU KMS Activator，打

兼容問題 , windows , github , 市場份額 , Css , 前端開發 , HTML

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 50 New Useful CSS Techniques, Tools and Tutorials

In this round-up we present fresh useful articles about less-known CSS 2.1 and CSS3 properties as well as an overview of recently published CSS techniques, tools and tips for designers and web-devel

Techniques , coding , Css , Resources

收藏 評論

u_12226 頭像

小蝌蚪 - 安卓的system_service

近期項目中，白色無下劃線的鏈接在iphone中變成了藍色有下劃線，明顯iphone不支持該鏈接的css，趕緊google、百度一下，發現了不少css樣式iphone居然不支持。 解決方法：多加一個div標籤，對a標籤定義顏色和下劃線，注意a標籤不能有背景圖片 li 　　div style="background: url(/resources/main/im

安卓的system_service , 機器學習 , 人工智能 , a標籤 , 預加載 , Css

收藏 評論

karuru 頭像

karuru - React服務端渲染之路07——添加CSS樣式

所有源代碼、文檔和圖片都在 github 的倉庫裏，點擊進入倉庫 相關閲讀 React服務端渲染之路01——項目基礎架構搭建 React服務端渲染之路02——最簡單的服務端渲染 React服務端渲染之路03——路由 React服務端渲染之路04——redux-01 React服務端渲染之路05——redux-02 React服務端渲染之路06——優化 React服務端渲染之路07—

react-dom , react , react-router4 , webpack , Css

收藏 評論

gufeng_5cfe02f0b59c6 頭像

顧昀峯 - 利用input file模擬一個圖片上傳

用到的知識點： （1）input type="file"標籤 （點擊閲讀參考資料） （2）利用addEventListener()事件監聽input type='file'改變（點擊閲讀參考資料） （3）利用HTML5FileReader()中的.readAsDataURL()方法將圖片url轉為Base64位碼（點擊閲讀參考資料） （4）File​Reader​.onload(

formdata , Css , es5 , Javascript

收藏 評論

jiavan 頭像

Jiavan - LayoutUnit & Subpixel Layout

LayoutUnit Subpixel Layout 引言 為了更好的支持移動端和 PC 端的縮放，WebKit 增加了subpixel layout（次像素/亞像素佈局）為此他們還改變了 rendering tree。一個次像素單元在 WebKit 內被稱為 LayoutUnit 用於取代之前使用整數來佈局一個元素在頁面中位置和大小。從 2013 年開始 WebKit 就已經開啓了這個 fla

chrome , webkit , hybrid-app , Css , Javascript

收藏 評論

lhsuo 頭像

chris - sublime autoprefix css mac配置

介紹 sublime autoprefix css是sublime中自動添加css兼容性前綴插件。 問題 如果mac上nodejs非系統默認安裝路徑時運行失效，找不到node 通過查看autoprefix github上的readme説明知道原因是autoprefix在mac中只能通過“/usr/local/bin”路徑加載node。 解決辦法 在“/usr/local/bin”目錄下添加n

autoprefixer , macos , sublime-text-3 , Css

收藏 評論

jiang_rong 頭像

jiang_rong - 高清屏下正確顯示1px寬度的圓角邊框

直接設置border:1px solid #ccc;在手機下看會比設計稿粗（這裏由於是灰色可能不是那麼明顯。。。。。用紅色綠色藍色之類的粗細差異很大），瀏覽器邊框的最小的顯示像素是1px,設置0.5px也是會渲染成1px的效果，而在css的1px根據手機的品牌或型號不同在高清屏的物理像素是2像素或者3像素 div class="list-wrapper border-1px

移動端web , Css

收藏 評論

maomaoxiaobo 頭像

貓多少 - Flex佈局

上一期我整理介紹了grid佈局方式，如果想看的同學，可以直接點擊此文章： Grid佈局 這期我把flex佈局方式筆記也整理出來了，內容是我自己在根據別人視頻學習過程中整理的資料。 目前很多css的框架都使用Flexbox作為基礎。瀏覽器大部分也都兼容。 接下來直接看代碼演示，我們先準備一個素材,準備5個div元素，定義為 ABCDE。因為div默認情況下display是block塊級元素，所

flexbox , flex , Css , HTML , 前端

收藏 評論

erin_5f911ffcecd4e 頭像

Erin - Flex響應式佈局 ：元素必要時的換行以及讓元素佔滿水平剩餘的空間

item的換行 默認情況下，item都排在一條軸線上： 使用 flex-wrap 可以使一條軸線排不下的情況下換行。 div style="display:flex; flex-wrap:wrap" div style="background-color: yellow; min-width: 200px;height: 200px;"Item 1/div div style="bac

flexbox , Css , 前端

收藏 評論

evilboy 頭像

瘋狂的技術宅 - 2020 年 Chrome 開發者峯會的亮點

2020 年的Chrome 開發者峯會和往年有所不同，今年是在線上召開的，每次談話大約十分鐘，討論規模更大。雖然我沒有在第一時間觀看會議的直播，但是看回放也不會錯過這些亮點。 所有的回放在這裏：https://developer.chrome.com/... 通過“Core Web Vitals”簡化了性能指標 我們都知道 Chrome 有大量的性能指標，可以用它們來跟蹤關於網站性能的所有內容。儘

chrome , pwa , Css , 前端 , Javascript

收藏 評論

jackn 頭像

Jack_N - 前端進階（1）Web前端性能優化

前端進階（1）Web前端性能優化 Web前端性能優化, 不僅能夠改善站點的用户體驗，並且能夠節省相當的資源利用。下面將從1）服務器、2）html內容、3）css、 4）javascript、 5）圖片等幾方面介紹具體的優化操作。 1. 服務器優化 1.1. 使用內容分發網絡（CDN） 把網站內容分散到多個、處於不同地域位置的服務器上可以加快下載速度。 1.2. 服務器使用http2.0協議 Htt

前端優化 , Css , HTML , Javascript

收藏 評論

kkocdko 頭像

kkocdko - 3 KB 的博客首頁，我是如何做到的？

這並不是一篇網絡上氾濫的“前端體積優化”文章。 百尺竿頭，更進一步！本文以我的博客為例，介紹極限控制頁面體積的奇技淫巧。 成果預覽 眼見為實，本人博客首頁 的網絡傳輸總體積為 2.6 KB。 本人的博客 Repo 在 kblog - GitHub，喜歡就給個 Star 唄~ 需求精簡 平淡無奇的頁面，體積再小，也不足為奇。我需要： 單頁面（SPA）。 使用 Material

material-design , Css , spa , 前端 , Javascript

收藏 評論

2021_60e2de6ea45f7 頭像

前端知識搬運工 - flex佈局製作自適應網頁

網頁佈局是css的一個重點應用。傳統的佈局都是依賴display、position、float屬性來實現的，但是特殊佈局就不易實現，如垂直居中。 01 flex佈局是什麼？‍ Flex 是 Flexible Box的簡寫，意為“彈性佈局”為盒模型提供最大靈活性。任何一個容器都可以指定為flex佈局。 採用flex佈局的元素，稱為flex容器。他的所有子元素自動成為容器成員，稱為flex項目，簡稱項

flexbox , Css , 前端

收藏 評論

2021_60e2de6ea45f7 頭像

前端知識搬運工 - flex佈局製作自適應網頁

網頁佈局是css的一個重點應用。傳統的佈局都是依賴display、position、float屬性來實現的，但是特殊佈局就不易實現，如垂直居中。 flex佈局是什麼？‍ Flex 是 Flexible Box的簡寫，意為“彈性佈局”為盒模型提供最大靈活性。任何一個容器都可以指定為flex佈局。 採用flex佈局的元素，稱為flex容器。他的所有子元素自動成為容器成員，稱為flex項目，簡稱項目。

flexbox , flex , Css

收藏 評論

compose_hub 頭像

compose_hub - CSS中的FC到BFC

本文首發國內開源代碼託管平台Gitee 文章地址： https://gitee.com/gooder4j/compose-hub/issues/I4U78Q 覺得不錯的話，你的star是對我最大的支持！ Formatting Context簡單理解，就是定義了佈局規則的一片區域。它的類型包括： Block Formatting Context，簡稱BFC Inl

佈局 , css技巧 , bfc , Css , 前端

收藏 評論

compose_hub 頭像

compose_hub - 什麼是文檔流？

今天解析來自John Rosato的一篇文章“What is document flow?”，什麼是文檔流？ 開頭是摘要： 文檔流是由 CSS 定位語句定義的頁面元素的排列，以及 HTML 元素的順序。 也就是説，每個元素如何佔用空間以及其他元素如何相應地定位自己。 簡單點説，就是 document flow 指示了頁面上的元素如何去排列。 接着，講到了 document flow 的三種影響元

佈局 , Css , HTML

收藏 評論

everfind 頭像

廣吾 - 原來 flexbox 是這麼工作的

Flexbox 是一種 CSS 佈局機制，可以説是目前瀏覽器原生支持的最好、使用最廣泛的佈局機制了。本文通過一些例子來説明 Flexbox 佈局的工作原理，可以讓我們更好的使用 Flexbox。 與 CSS Grid 可以同時在橫向和縱向兩個方向進行佈局不同，Flexbox 只能在單一方向上進行佈局，即要麼橫向，要麼縱向。所謂佈局，其實就是空間的分配過程，也就是説計算元素尺寸和容器剩餘空間尺寸的過

flexbox , Css

收藏 評論

aresn 頭像

Aresn - View UI Plus 發佈 1.1.0 版本，支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

vue.js , iview , Css , 前端 , html5

收藏 評論