iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

30天淺嘗主流前端設計 系列

從基礎語法與架構一步一步帶著非資訊領域的讀者,從基礎html語法到透過CSS作細節處理,再到利用vue創造一個不錯的框架。使初學者也能夠從零開始架設一個內容清晰明瞭、操作簡單,卻又不失細節與重點的網站,也是期許自己能夠在網頁設計領域上能夠自我精進,30天過後能設計出一個搬得上檯面的Web。

參賽天數 3 天 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 3

DAY11 進入CSS!! CSS的基本介紹3~

DAY11 進入CSS!! CSS的基本介紹3~ 今天我們繼續來講解CSS語法的重點!我們先來簡單介紹一項對CSS語法很重要的也就是選擇器的種類除了上一篇講的普...

2022-09-23 ‧ 由 chien0830 分享
DAY 3

DAY12 進入CSS!! CSS的基本介紹4~~~

DAY12 進入CSS!!CSS的基本介紹4~~ 今天要開始介紹css中的各種屬性! color:這個就是很常見的設定顏色的屬性,在前面舉的例子中我們很常用...

2022-09-26 ‧ 由 chien0830 分享
DAY 3

DAY13 進入CSS!! CSS的基本介紹5~~

DAY13 進入CSS!!CSS的基本介紹5~~ 今天要介紹非常重要的就是有關於如何編排整個網頁的版型配置,先從CSS為每個HTML設計的圖開始講解,如下圖所示...

2022-09-26 ‧ 由 chien0830 分享
DAY 3

DAY14 進入CSS!! CSS的基本介紹6~~

DAY14 進入CSS!! CSS的基本介紹6~~ 今天我們要來講上一篇的後續,也就是構成CSS為每個HTML建構的矩形的最後一部份--框線(border)框...

2022-09-28 ‧ 由 chien0830 分享
DAY 3

DAY15 CSS該如何處理元素位置? 1!

DAY15 CSS該如何處理元素位置? 1! 今天我們要來學的就是CSS中元素的排版方式! 首先我們要先學習一個觀念,就是Block Box(區塊元素)和Inl...

2022-09-29 ‧ 由 chien0830 分享
DAY 3

DAY16 CSS該如何處理元素位置? 2!

DAY16 CSS該如何處理元素位置? 2! 今天我們來說明CSS中的定位方式,首先我們先來介紹position(定位)的語法~~positionpositio...

2022-10-01 ‧ 由 chien0830 分享
DAY 3

DAY17 CSS該如何處理元素位置? 3!

DAY17 CSS該如何處理元素位置? 3! 今天我們來說明元素進行位移的方式,除了static以外,其他的定位方式都能用以下的屬性進行位移~也就是top(頂端...

2022-10-01 ‧ 由 chien0830 分享
DAY 3

DAY18 CSS該如何處理元素位置? 4!

DAY18 CSS該如何處理元素位置? 4! 今天延續上次的內容,來說明絕對定位是如何進行位移的,絕對定位不像相對定位一樣是以元素原本的位置為參考點,絕對位置是...

2022-10-01 ‧ 由 chien0830 分享
DAY 3

DAY19 認識 JavaScript!

DAY19認識JavaScript! 我們終於結束了CSS的環節,今天要先來簡單的介紹一下JavaScript,以下簡稱JS好了,JS是一種很流通的瀏覽器端Sc...

2022-10-03 ‧ 由 chien0830 分享
DAY 3

DAY20 ! 認識JQuery!!!

DAY20 ! 認識JQuery!!! 今天我們要來帶大家看看JQuery到底是什麼以及我們該如何使用它來設計網頁呢!!JQuery是一個JS的函式庫,也就是除...

2022-10-09 ‧ 由 chien0830 分享