CSS CSS入門:學習flex的使用方法

lex的使用相當的普遍與實用,特別是現在有手機,平板,筆電,桌電等等不同螢幕尺寸的機器,因此設計出來的畫面常會要對各種不同尺寸的螢幕做考量。flex就特別適用於這樣的場合,可以隨著螢幕大小的變化來對頁面中的元素做伸縮設定。

read more...

CSS HTML&CSS入門:為你的網頁換上精美的表格(Table)樣式

網頁上常看到Table的蹤跡,一張好看的表格會決定頁面的吸睛程度。 所以今天要重新認識一下表格設計,不依靠其他模板的力量,自己動手製作出幾個常見的表格。 以後在做調整時就能比較輕鬆設計出理想的樣貌。

read more...

CSS HTML&CSS入門:為你的網頁換上精美的標題(Title)樣式

網頁上常看到h1, h2, h3...的蹤跡,標題是吸引人目光的一項重要要素。它能讓你想要呈現的重點很清楚地展現在讀者面前。本文本文介紹一些常見的標題設計,都是用CSS語法可以完成的簡單樣式,複製貼上即可使用。

read more...

CSS CSS入門:製作一個含有header, footer的簡易頁面

CSS對於網頁設計的人來說是不可或缺的工具,要達到妥善運用CSS的境界,基本功必然是要扎實才行。一直以來都是套用已有的CSS框架像是Bootstrap, Bulma, UIKit...等等, 對於一些基本的CSS用法是一知半解的狀態。為了鍛鍊自己的基本功,除了翻查語法手冊外,多模仿&參考各家網站的設計應該是一件相當有益的方式。因此,這次先從普遍常有的頁面開始著手練習,重新認識文字,圖片的位置設定方式。

read more...