iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

網頁前端工程探討 系列

我是網頁設計的新手,一切都在揣摩中。希望藉由此次鐵人賽,能帶給自己更多的歷練和技能上的純熟。

鐵人鍊成 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 11

認識CSS(一):什麼是CSS

CSS(Cascading Style Sheets)是建立在HTML的基礎上,它既不是標準程式語言,也不是標記語言,它是風格樣式語言頁面(樣式表語言)。它能用...

2021-09-26 ‧ 由 angelchou 分享
DAY 12

認識CSS(二):如何使用CSS

在HTML文件中使用CSS的方式,主要有下列四種: 在head元素中加入style屬性定義樣式表,這稱為內部樣式。 舉個例子: 在範例中寫了一段styl...

2021-09-27 ‧ 由 angelchou 分享
DAY 13

認識CSS(三):CSS選擇器

選擇器(Selector)是指用來選擇HTML中,哪些內容要套上的樣式。依據對象的不同有不同的寫法 元素選擇器(Element Selector)在CSS規...

2021-09-28 ‧ 由 angelchou 分享
DAY 14

認識CSS(四):文字外觀屬性(css font)

用來控制網頁文字的大小、粗細、樣式、字型等效果,控制這幾種文字外觀的 CSS 屬性分別是font-size、font-weight以及font-family。分...

2021-09-29 ‧ 由 angelchou 分享
DAY 15

認識CSS(五):背景效果

CSS background 在網頁設計是相當重要的一部分,也是網頁整體的風格呈現。在CSS background包含許多重要的屬性: background...

2021-09-30 ‧ 由 angelchou 分享
DAY 16

認識CSS(六):CSS border邊框

透過broder的語法可以讓邊框做多樣化的設計變化, 邊框的粗細、顏色、樣式等數性質都可設定。 CSS border 語法介紹 border:邊框的粗細 邊框的...

2021-10-01 ‧ 由 angelchou 分享
DAY 17

認識CSS(七):CSS list-style

CSS list-style 是提供網頁調整列表清單中更多的顯示功能,之前提到的HTML表單裡有傳統的ul 無序號清單或 ol有序號的清單, 它的列表呈現方...

2021-10-02 ‧ 由 angelchou 分享
DAY 18

認識CSS(八):CSS BOX模型

CSS box model 盒子模型也稱為區塊模型,主要是將傳統的HTML區塊概念再進一步的規範。我們知道網頁文件呈現在瀏覽器時,每個元素的內容都呈現在一個矩行...

2021-10-03 ‧ 由 angelchou 分享
DAY 19

認識CSS(九):CSS濾鏡特效

濾鏡特效在影像處理軟體中,我們常會用濾鏡(filter)為影像加上各種不同的效果。CSS filter濾鏡效果是類似像photoshop影像處理軟體所提供的功能...

2021-10-04 ‧ 由 angelchou 分享
DAY 20

認識JavaScrip

JavaScript(通常縮寫為JS)是可以內嵌於網頁中,是一個成熟的動態程式語言,在網站裡加入互動功能的程式語言。當它應用於HTML文件上時,就可以為網頁提供...

2021-10-05 ‧ 由 angelchou 分享