iT邦幫忙

css相關文章
共有 1841 則文章
鐵人賽 Modern Web DAY 3

技術 Day 3 - CSS Challenge #2:MenuIcon動畫的實現與解題分析

題目 CSS Challenge Day2 上面的圖是題目,而我們要做出幾乎一樣的樣子,題目中還有附上出題官方的CodePen,也有附上給我們解題用的templ...

技術 #01 前端支援度查詢:Can I Use / StatCounter / Can I email...

因為網頁的使用者可能使用各種裝置、各種瀏覽器瀏覽網頁,所以在開發前端時,要盡量讓網頁在所有情況下表現效果都一致。今天就分享很常見的查詢支援度的小工具,雖然應該...

鐵人賽 JavaScript DAY 2

技術 【Day1】JS同學你負責什麼?

說到前端、Web不外乎就會提到三巨頭HTML、CSS和JavaScript(JS),先跳脫專有名詞我們來發揮想像力,解釋這三種語言是如何彼此配合? 假設你在台北...

鐵人賽 Modern Web DAY 8

技術 Day8 要開始寫程式了,但我對 CSS、TypeScript 和 HTML 不熟,怎麼辦?(上)

要開始開發程式啦!寫程式是一個令人很興奮的過程,但又充滿挑戰,尤其當你發現自己對一些核心技術不熟的時候,這種不確定性可能會讓你覺得很糟糕也很焦慮。HTML、CS...

鐵人賽 自我挑戰組 DAY 2
30 Day CSS Challenge 系列 第 2

技術 Day 1 CSS Challenge LOGO

https://codepen.io/pen?template=dyBqdBw 第一天的挑戰是切一個 CSS Challenge 100 Days 的 logo...

鐵人賽 Modern Web DAY 1

技術 [前言] 重啟 CSS 朝聖之路

為什麽而寫 『 為自己、為有趣、為求知而寫 』 回顧在還沒成為工程師時,五個半月充實學習的路線圖:HTML -> CSS -> JS -> j...

鐵人賽 Modern Web DAY 2

技術 Day 2 - CSS Challenge #1:數字 100 與文字佈局

題目 CSS Challenge Day1 上面的圖是題目,而我們要做出幾乎一樣的樣子,題目中還有附上出題官方的CodePen,也有附上給我們解題用的templ...

鐵人賽 Modern Web DAY 1

技術 Day 1 - 一起來玩CSS Challenge吧

前言 雖然我也不知道為什麼被抓來寫這次的鐵人,但因為我同事很熱血,加上他說沒有寫完的要被罰三杯(可能是雞可能是酒,也可能是雞加酒),所以我就來了。前陣子寫CSS...

鐵人賽 Modern Web DAY 1

技術 什麼是CSS選擇器? CSS選擇器如何應用

一個完整的網站由 HTML、CSS 和 JavaScript 三者協同運作,各司其職,缺一不可。HTML 負責網站的結構,CSS 負責視覺美感,而 JavaS...

鐵人賽 自我挑戰組 DAY 1
30 Day CSS Challenge 系列 第 1

技術 CSS Challenge 30 Days

為什麼會有這個挑戰? 起初,這個挑戰的源頭是同事問我是否要參加今年的 IThome 鐵人賽。雖然我每年都有參加,但今年專案繁多,我一度猶豫不決。 最終還是硬著頭...

鐵人賽 Modern Web DAY 1

技術 #00 文章目錄 / 參賽前言 | Super Easy CSS - Part 2

參賽前言 去年的鐵人賽雖然成功完賽了(Super Easy CSS,極度簡單),但是整個系列卻沒有完整,原來要讓人學會 CSS,30 天是不夠的呀!因為沒有預...

鐵人賽 Modern Web DAY 10
重新認識 FrontEnd 系列 第 10

技術 Day10:CSS 優化之 Reflow 和 Repaint

CSS 優化 身為前端我們常會聽到 Clean Code 這個字眼,又或者是各種設計模式,但這些主要是針對 JavaScript 的內容,雖然也有人提到 CSS...

鐵人賽 Modern Web DAY 9
重新認識 FrontEnd 系列 第 9

技術 Day9:CSS 要怎麼下

元素選取器 在網頁中,無論是透過 JavaScript 或是 CSS 有一套共用的選取器,這邊挑些常見的來說吧 id 選取:在 id 前面加個 # 字號,#i...

鐵人賽 Modern Web DAY 8
重新認識 FrontEnd 系列 第 8

技術 Day8: 現代的 CSS

CSS 是什麼 階層式樣式表(英語:Cascading Style Sheets,縮寫:CSS;又稱串樣式列表、級聯樣式表、串接樣式表、階層式樣式表)是一種用...

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 5

技術內容 在資料傳輸前,有些相關的文件及當中的欄位、邏輯Annotation之類的必須要有,才能運作程式因此要先確認這些事情有沒有做 1. 在Servlet文件...

技術 CSS學習紀錄-09-會上癮的flex排版(上)

嗨嗨~我是914 今天來學習flex囉GOGOGO 今天到"那家"咖啡廳做事,不曉得大家484有來過~有推薦的咖啡廳好像也可以推推唷!今...

技術 CSS學習紀錄-08-margin&padding(下)

嗨嗨~我是914 今天也繼續來學習margin與padding囉GOGOGO 今天在"舊是經典"這家咖啡廳做事情~大推大推這家~東西好吃...

技術 CSS學習紀錄-07-margin&padding(上)

嗨嗨~我是914 今天來學習margin與padding囉GOGOGO 前情提要&注意事項1.box-sizing 這部分會放到下篇說唷2.綜合實例...

技術 CSS學習紀錄-06-行內跟區塊元素

嗨嗨~我是914 今天也來學習行內跟區塊元素囉GOGOGO 趕快來貼一下~最近的心情很複雜不曉得是否該繼續努力下去於轉職不曉得大家會覺得這個世界有太喧囂的時...

技術 CSS學習紀錄-05-class、id與複合選擇器(下)

嗨嗨~我是914 今天也要來繼續學習class、id與複合選擇器囉GOGOGO 嗨嗨~我真的消失太久了QQ請譴責我!今天也跟室友在這家二街咖啡一起做事希望我...

技術 CSS學習紀錄-04-class、id與複合選擇器(上)

嗨嗨~我是914 今天要來學習class、id與複合選擇器囉GOGOGO 好想睡xD 禮拜一真容易效率很差(今天已禮拜二耶XD)心還留在假日阿~昨天還沒撰寫...

技術 CSS學習紀錄-03-border-radius

嗨嗨~我是914 今天要來學習border-radius GOGOGO 母親節當天辣~今天在一家新竹的墨咖啡跟室友做事大推這家咖啡廳~有水也有插座還有我最愛...

技術 CSS學習紀錄-02- font-family

嗨嗨~我是914 今天要來學習font-family GOGOGO O.S.肚子好餓~真的好餓~真的超餓~前情提要1.h1、p是 html章節標題跟文字標籤...

技術 CSS學習紀錄-01-目標

嗨嗨~我是914因為是努力轉職中,所以CSS 也會想要一起來貼文進行學習剛好再把CSS做學習紀錄一下不確定會每日日更(不太想要先說大話哈哈)一直有在思考要走一個...

技術 【程式開發筆記】十分鐘快速上手 CCS,選擇器 (Selector) - 大漠國渡

同步發表至個人部落格 : 【程式開發筆記】十分鐘快速上手 CCS,選擇器 (Selector) - 大漠國渡 前言 大漠當工程師也有五、六年了,身為全端工程師...

鐵人賽 Modern Web

技術 #35 圖片的 1x, 2x, 3x 是什麼?關於網頁上圖片解析度的處理:HTML <img> srcset、CSS image-set() 與 @media resolution

本篇同步發表於我的 Hashnode 部落格:Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 了解向量...

鐵人賽 Modern Web

技術 #34 CSS 讓圖片填滿容器的各種方法,以圓形大頭貼為例:object-fit 與 background-size,搭配 aspect-ratio

本篇同步發表於我的 Hashnode 部落格:Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 在 HT...

技術 [React][jsx] 隨畫面滾動淡入淡出

程式碼分享加小紀錄,如果能幫到你的話就太好了 codeSandBox 透過滾動才出現的box,會淡入,當畫面滾動到看不見該box,他就會在看不到的地方悄悄淡出。...

鐵人賽 Modern Web

技術 #33 CSS 切換淺色/深色模式:Media Queries 的 prefers-color-scheme 搭配 CSS 變數

本篇同步發表於我的 Hashnode 部落格:Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 使用 M...