標籤彙整: css教學
CSS 排版教學 – div 圖文框排版入門
以前使用表格排版的時候，要製作圓角圖框的排版就必須把先把圖片切割大卸九塊，然後再用表格把切割過後的圖片拚在一起還原之後，才能把網頁需要的文字貼在表格之內….光想起來就是大工程… 閱讀全文
CSS 教學-簡化 CSS 語法-「群組化」選擇器
簡化 CSS 語法，讓您的 CSS 語法簡潔又漂亮！ 常常我們的 CSS 樣式中會有好幾個地方需要使用到相同的設定，一個一個分開寫會是一件滿累人的工作，重覆性太高且顯得冗長，更不好管理… 閱讀全文
CSS 教學：CSS 選擇器(選取器) -群組化
當我們的 CSS 選擇器中有好幾個地方使用相同的設定時，可以把這幾個 CSS 選擇器合併，原本可能寫了 7~8 行相同的語法，合在一起後只剩短短的一小行，優化 CSS 並加快網頁速度。 閱讀全文
【好站分享】「Flexbox Froggy」學習 Flexbox 的遊戲網站
最近小編發現了一個不錯的遊戲網站 – 「 Flexbox Froggy 」，所以來跟大家分享一下~
遊戲的主旨很簡單，就是利用輸入正確 Flexbox 語法指令， 來幫助畫面中的青蛙們回到荷葉上；很重要的一點:有繁體中文版耶~!
當然，語法指令還是需要用英文輸入的啦… 閱讀全文
W3C 規定~ 全部 HTML 標籤的 CSS 屬性預設值
每個 HTML 標籤在 CSS 中都有不同的預設值，例如預設的文字大小、預設的間距、預設的框格模型….等。例如 <h1> 的文字大小 預設值是 2em ，<h2> 的文字大小 預設值是 1.5em，<body> 的外間距是 8px… 閱讀全文
CSS 教學 – margin-top 失效！外間距會直接影響到上一層
調整內容的上間距 調整文字元素或圖片元素的上間距，理所當然是要使用 margin-top 語法，然而，當我們高高興興完成網頁排版，心想趕快收拾包包下班走人時，慘劇往往就發生在各個瀏覽器的不一致問題之中… 閱讀全文