講完了那麼多的Html,接下來要進入到CSS環節的部分了,身為網頁裝潢師的它,我們先從怎麼使用它開始講起。 第一種方式我們直接在你的html檔案中,head標籤...
文字及字體 文字大小及字體是我們在網頁中最常設定跟調整的,在預設的字體中你可能找不到你想要的字體類型,這時候我們可以利用Google font去看看你想要的字體...
今天我們要來介紹有關CSS排版,方塊的概念,之前的文章有提到過,網頁就像很多不同的方塊組合而成,這樣解釋或許有點難懂,但接下來我們會實際帶你來看。 margin...
今天我們要來教一些常用到的基本設定、包括寬高、背景顏色、文字顏色,以及inline與block的區別。 1.設定寬高 <style>...
今天要來介紹網頁常用的元素border,邊框的意思。 border 我們今天要建立一個簡單的欄位版型搭配邊框。會有一張圖片、圖片介紹跟邊框。 <style...
今天要介紹十分好用的一個屬性display:flex。 有了這個東西以後,不用再擔心會排版排到想摔電腦,他可以幫你處理得十分恰到好處,接下來我們就要來認識干貨中...
今天我們要介紹的是CSS重要屬性position,在排版中我們會遇到許多不同的情況,而利用position可以幫助我們解決這些問題。接下來就讓我們了解posit...
學到這裡,我們差不多可以開始著手做出一個簡單的網頁了! 但是在這之前我們需要link一個CSS檔案,叫做reset.css檔案。 而我們為甚麼要有這個CSS檔案...
今天我們就要著手開始實作拉!而造順序來的話我們最上方都會有個logo跟導覽列,接下來就讓我們把學過的東西結合開始製作吧! 通常,我們要先用Html把結構建造出來...
上一篇我們做完了導覽列,今天我們就要建立導覽列下面會有的一張大圖片,以及搜尋框,一步一步完成我們的網頁! 我們先在html body裡建立我們要的東西,會有一張...