達標好文 技術 前端新手村 Block 和 Inline 排版

「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

技術 前端新手村 橫向排列 & 實現純手工 RWD

「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

技術 前端新手村 橫向排列

「當你迷惘的時候，就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章，宗旨並不在技術本身的教導，重點放在技術與技術之間的脈胳關係。讓零碎的網...

技術 最終還是要打包

今日目標: 使用Polymer Vulcanize 打包，了解如何使用Yeoman 使用Polymer開發Web應用，元件慣例是一個html檔案存放，方便管理...

技術 鉄人28号FX　鉄人4号「字戰隊」font-family

★ 村外西南方小樹林 ↓↓↓ 顯示樹林位置圖 也不知道村長什麼意思？邊走邊打開手上紙條，上面寫著： （疑～）字體與字型使用區別： 字體：泛指不同家族，明體、黑...

技術 大角頭 inline

文章將陸續整理並更新至個人部落格 版面是由各個元素所組成，所以切版前先來跟 html 元素中的兩大角頭拜一下碼頭吧！ html 中的元素在預設下大致可劃分...

技術 重新認識 CSS - Visual formatting model：Box generation (inline)

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

技術 鉄人28号FX　鉄人2号「文本士」content area

★ 村落裡某一角落 ↓↓↓ 顯示武器店位置圖 武器店前 [文本士]：你是否能在預設情況下，對行內元素進行設定樣式屬性 width 與 height？ 繼續接著說...

技術 鉄人28号FX　鉄人1号「行內熊」inline element

謎之音：網路世界 95％ 的訊息皆是圖文。可以合理地說，前端設計師應該在塑造文本訊息的主要學科中獲得良好的培訓，也就是現今的排印學。— Oliver Reic...

技術 Visual Formatting Model - inline

倘若不斷向深處扎根，就能茁壯成長 - RM 前言 昨天我們聊到了 block-level，接續昨天的介紹，今天我們要來看的是 inline-level b...

技術 鉄人28号FX　鉄人3号「置換象」replaced elements

★ 村落裡某條街上 ↓↓↓ 顯示商店位置圖 (*ﾟーﾟ)：為何對「inline」設定寬度與高度，卻又能正常顯示？ ：不解的追問。 閱讀前，建議先向 鉄人2号「文...

技術 行內元素特性與常見錯誤用法

此篇會介紹幾個新手在使用 inline 行內元素時常發生的問題。 開始前先來複習一下 行內元素 特性 不能修改寬高（寬高取決於內容本身） 擁有並排特性（不...