技術 Day27 定位方案(Positioning Scheme)-Normal Flow、Float、Absolute Positioning

在Day11 Visual Formatting Model 淺談視覺格式化模型探討到，Positioning scheme 中有 normal flow、fl...

技術 [快速入門前端 28] Float 浮動

Float 浮動 Float 在設計之初是用來呈現文繞圖的效果，可以將元素指定為靠左或靠右浮動，在 CSS 中，所有的元素都可以加入 float 屬性。 範例：...

技術 IEEE-754 與浮點數運算

本文目標 IEEE-754 規範對於工程發展的重要性 認識浮點數 使用演算法改善浮點數運算時帶來的誤差問題 進入正題 在大學的多個課程中都會提到浮點數運算，...

技術 [Day06] swift & kotlin 入門篇！(4) 基礎語法-轉型與合併使用

轉型與連結 在JS中, 所有的轉型與連結都是無感的 也因為太方便太無感 常常會跑出意外的結果 例如 console.log(+"1" +...

技術 DAY2 FLOAT佈局 - 搞懂他愛出軌的心

佈局的方法很多，float是比較難懂的一個。float的經典有文繞圖、三欄佈局中的聖杯佈局和雙飛翼佈局。 為甚麼說他愛出軌呢？ 當元素有屬性float時，他會離...

技術 Day 20 | 我比較喜歡脆笛酥 - 方塊酥版面 Part 2

今天要講的依舊是金魚都能懂的網頁切版 : 方塊酥版面 NO010，這次要挑戰的是完全不用 flex 做出跟昨天一樣的版面，在影片中，雖然圖片的排列是沒有用到 f...

技術 Day 16 | 欸！不要這麼浮動好不好

今天想要來整理一下清除浮動 float 的方式，只要有使用到 float，腦袋一定要自動聯想到清除浮動，他們兩個就是這麼密不可分～ 1. clearfix 在浮...

技術 [開發經驗分享][JavaScript]浮點數運算出現一堆小數位數

情境描述 最近在開發專案的前端時，遇到一件非常奇怪的問題，用Javascript來做加減乘除，如果是有小數點的數字的話，跑出來的數字會非常奇特，例如： var...

技術 重新認識 CSS - float

前言 「重新認識 CSS」這個系列名稱的由來就如其名，我想要重新認識它。雖然以前就有學過 CSS，但這次想從 CSS Spec 中學到最原始的定義和內容，更加...

技術 Day08-HTML(4) - 圖片

之前Day06介紹了可以輸入文字內容的 <p> 標籤和一些文本格式，網頁有了內容和基本排版。但是，只有文字顯得太過單調了！想要在網頁中放上圖片來輔佐...

達標好文 技術 糙 code 與他們的產地 - if 的判斷式

良好程式碼的優點大同小異。不好的程式碼的糙點卻各有巧妙之處。 Linus Torvalds 生生 在 TED 的分享中[1] 提到了對於程式碼品味的事。在此...

技術 與工程師的協作之路-那些年，我們一起混淆的CSS（二）

承「與工程師的協作之路-那些年，我們一起混淆的CSS（一）」篇，講完position之後，今天要來跟大家介紹一個始祖級語法— float 剛接觸這個領域的時候，...

技術 Day13 「之前之後？什麼鬼？」 ─ ::before、::after 偽元素

大家好，台嘎厚今天中部依舊空氣品質糟糕，滿滿大PM2.5，是個適合還債的日子 (什麼鬼 今次來接續上次的題目 ── 使用偽元素來清除浮動 但首先我們必須要先知道...

技術 Day12 「版面用 float 怎麼不如預期？」 ─ 孩子，記得清除浮動呀

很可惜昨天太早睡了，沒觀看團隊進度，結果缺一團隊挑戰失敗了 XD..團隊組的部分明年再接再厲！個人賽還是要繼續還債跑下去 今天是 float 主題的第三篇讓我...

技術 Day11 「所以 float 能幹嘛」 ─ 簡單的文字繞圖排版

明天再來補內文結果一個跨年卡了三篇文章還沒有內容，開始欠債真的好恐怖啊啊啊 今天要來接續昨天上一次的主題 ─ float來看看實務上哪些常看到的 float...

技術 Day10 「浮動？我也會漂浮？」 ─ 淺談 float 浮動效果

float ，一種 CSS 屬性 (廢話 在 CSS 的各種排版中經常使用，不過由於更為自由的 flex 的出現，現在出沒的次數有所減少 float(浮動)顧名...