iT邦幫忙

網頁前端相關文章
共有 42 則文章

技術 [鼠年全馬鐵人挑戰] Week09 - 超新手入門:CSS 的基本語法

大家好啊~~又見面惹~ 不知道清明連假大家有沒有乖乖待在家防疫還是有出遠門走走呢? 四天連假只待在離家不遠的地方走走運動,其餘時間就是待在家休息 感覺待在家才是...

技術 [鼠年全馬鐵人挑戰] Week07 - 新手學習筆記: RWD 基礎語法

Hi~又見面啦 今天來學習一下 RWD 的基礎小語法,希望可以學習練習的過中程能熟能生巧呀 想要讓原本在桌上型電腦能看的網頁加上 RWD 自適應網站功能時需先加...

技術 [鼠年全馬鐵人挑戰] Week06 - 新手學習筆記:淺談 RWD (響應式網頁設計)

Hi~又見面啦 這週大家過的好嗎? 最近開始學習了 RWD 響應式網頁設計,發現可以運用的好多也不少細節呢~ 想好好把學到的寫成筆記增加自已的印象 :) 所以最...

技術 [鼠年全馬鐵人挑戰] Week02 - 超新手小知識:HTML、CSS、JavaScript的關連性

Hi~大家 我們又見面啦:) 上星期那篇文章出乎我的意料的有很多人關注真的嚇歪我啦XDDD 謝謝大家對於我這個剛碰程式的新手小嫩嫩那麼大的支持呀~ 讓我有更多的...

技術 [鼠年全馬鐵人挑戰] Week01 - 非本科系零經驗超新手前端之路

在接觸程式前 在我的基本認知裡覺得程式碼真的是一個非常複雜的東西呀 這要本科系又是頭腦很好的神人才有辦法寫的吧XD 所以壓根沒想到之後的我會開始學習程式 至於...

技術 新手學前端-JavaScript:資訊如何帶進去的語法

Html語法: < p >這一顆紅豆餅是< em id="price">< /em >元 < /...

鐵人賽 Modern Web DAY 24
鉄人28号FX 系列 第 24

技術 鉄人28号FX 鉄人24号「影隨者」text-shadow

★ 地圖雷奧鎮市中心 ↓↓↓ 顯示雷奧鎮街上位置圖 街上好不熱鬧,隨處閒晃著。( 竹輪也太美味! 呵 ) 真想再吃?! 怪? 從剛就??? ( 揉眼睛。) :到...

技術 第三十三步 -神秘的箱子 (Javascript 物件部分)

大家早安,又到了周末,我是喵橘,今天我要報告的是 Javascript 物件部分。 何謂物件? Javascript 是一個物件導向的程式語言設計,但跟其他物件...

技術 第三十二步 - 創造自己的風格(Javascript 函式部分)

大家好,我是喵橘,一轉眼又到了星期四,今天我要報告的是 Javascript 函式部分。 何謂函式? 發現 Javascript 練習到現在,程式碼的內容越來越...

鐵人賽 Modern Web DAY 18
鉄人28号FX 系列 第 18

技術 鉄人28号FX 鉄人18号「左右蛙」text-align, text-align-last

★ 地圖西北方峽谷森林 ↓↓↓ 顯示峽谷森林位置圖 睡前數羊數著數著……天就亮了。 眼前好美啊! 痾?? ) 峽谷瀑布 [左右蛙]: 為什麼總是一再找麻煩? 你...

技術 第三十一步 - 遇到返回鏡子突襲! (Javascript控制語法)

大家好,我是喵橘,今天我要報告Javascript控制語法部分,今天是新的開始。 流程控制 看到流程控制,讓我想起一個笑話,我就說給大家聽: 有一天,一位是擔任...

鐵人賽 自我挑戰組 DAY 30

技術 第三十步- 這不是最後一天,而是新的開始(Javascript 運算子)

大家好,我是喵橘,雖然今天是最後一天,但我還會繼續發文,但就限平時的時間,假日的時間我會去檢查之前的發文來做多次修改,許多部份可以進行補充與改正,是之後發文的方...

鐵人賽 自我挑戰組 DAY 29

技術 第二十九步 - 第三層各陷阱挑戰( JavaScript 資料類型)

各位大家好,我是喵橘,今天是颱風天,雖然南部並沒有明顯風雨,但貼心叮嚀北部朋友,越晚風雨越大,盡量不要隨便出外,避免有生命危險。 資料類型 在寫程式裡,不同的...

鐵人賽 自我挑戰組 DAY 28

技術 第二十八步 - 宣告第三關破解方法(JavaScript 變數)

大家好,我是喵橘,今天是一個悶熱的星期日,我要報告 JavaScript 變數的部分。 JavaScript 變數 何謂變數? 變數就可以比喻可以一個放入東西的...

鐵人賽 自我挑戰組 DAY 26

技術 第二十六步 - 最後破關的條件(CSS總整理)

大家好,我是喵橘,今天我要總整理一下 CSS 的相關知識,並且,補充之前沒有說明到的部分。 區塊陰影設定 想要讓一個區塊或物體更加生動,就可以添加陰影效果,假如...

鐵人賽 自我挑戰組 DAY 25

技術 第二十五步 - 過去與未來的未來關鍵(CSS 動畫部分)

大家早安,我是喵橘,今天要報告的 CSS 動畫部分,今天也請各位多多指教喔~ 動畫關鍵影格設定 動畫的呈現就是由一個一個的關鍵影格所組合而成,所以,在設定動畫之...

鐵人賽 自我挑戰組 DAY 24

技術 第二十四步 - 變形的未知走道(CSS 變形設定)

大家早安,我是喵橘,今天我要報告的是 CSS 變形的各種效果。 形狀變形 transform 屬性功能是設定各種幾何的變化,能設定的值如下表所顯示: 設定...

鐵人賽 自我挑戰組 DAY 23

技術 第二十三步 - 位置變換術(CSS 版面定位設定)

大家好,我是喵橘,今天要報告的是 CSS 版面定位設定,請大家多多指教。 float 屬性 它能隨著圖片進行文繞圖的動作,是屬於浮動元素的一種類型,所以,在定位...

鐵人賽 自我挑戰組 DAY 22

技術 第二十二步 - 神奇的機關盒(CSS盒子模型設定)

大家好,我是喵橘,今天我要報告的是在版面上一個個盒子模型的不同設計方法。 何謂元素? 前面章節有簡單敘述元素的使用方法,在 CSS 裡它把每一個 HTML 標籤...

鐵人賽 自我挑戰組 DAY 20

技術 第二十步 - 欺騙的幻覺背景(CSS 背景)

星期六假日,我是喵橘,先開心去看電影...咦?晚點再講解 CSS 背景部分。 CSS 背景 背景色彩設定 網頁除了文字的變化,也別忘記背景也能做設計,顏色調整...

鐵人賽 自我挑戰組 DAY 19

技術 第十九步 - 加上色彩吧,破解的關鍵(CSS 顏色與字型設定)

又到了星期五,每天撰寫文章,都能深深檢視自己之前的學習狀況,今天報告的是 CSS 顏色與字型設定。 顏色的設定 顏色的設定,在 CSS 裡 有很多設定的方法,如...

鐵人賽 自我挑戰組 DAY 18

技術 第十八步 - 第二層挑戰,黑白幻影交錯( CSS基本選擇器)

大家早安,我是喵橘,最近的天氣慢慢轉涼,已經有點秋天的味道呢,今天是講解 CSS基本選擇器。 CSS 選擇器各種類介紹 前面章節已經簡單講解 CSS 的基本概念...

鐵人賽 自我挑戰組 DAY 17

技術 第十七步 - 找尋結果的寶藏(HTML 設計整合練習)

各位大家好,我是喵橘,今天 HTML 設計整合練習,有一些練習題目和解析,重新複習之前所學的知識: 練習總成果展現 <!DOCTYPE html>...

鐵人賽 自我挑戰組 DAY 16

技術 第十六步 - 研究回覆信件格式如何撰寫(進階表單相關語法)

大家早安,大家好!我是喵橘,今天依舊是炎熱的天氣,我打起精神,繼續努力撰寫。 <input> 標籤 補充部分 上一個章節有說明 <input> 元素以及 typ...

鐵人賽 自我挑戰組 DAY 15

技術 第十五步 - 攻略關卡之時,也要記得寄信回報(表單相關語法)

中秋連假終於結束,迎接的是憂鬱的星期一,打起精神,準備開始努力撰寫接下來的文章,加油!! 表單相關語法 <form> 標籤 它是一個讓使用者能輸入相關訊息到欄位...

鐵人賽 自我挑戰組 DAY 14

技術 第十四步 - 新的挑戰,多采多姿的樓層(多媒體相關語法)

大家好,今天是中秋連假的最後一天,體力已經到零了,但還是要努力撰寫,加油!!握拳 多媒體相關語法 <img> 標籤 它的功能就是顯示出圖片,搭配 src 屬性...

鐵人賽 自我挑戰組 DAY 13

技術 第十三步 - 連結下一關卡的瞬間(網頁連結的語法)

大家早安,中秋節過後的休假,感覺更懶惰,真是糟糕,深呼吸,吐氣,該打起精神努力撰寫,加油!! 連結相關語法 <a> 標籤 它的功能就是連結的一個橋樑,根據屬性的...

鐵人賽 自我挑戰組 DAY 12

技術 第十二步 - 當心表格般的陷阱(網頁清單與表格語法)

各位大家早安,祝大家中秋節快樂,我是喵橘,今天是佳節,雖然,沒什麼動力,但還是要努力寫出一篇好文章。附贈喵橘手工中秋節賀圖。 網頁清單語法 <ul>、<ol>...

鐵人賽 自我挑戰組 DAY 11

技術 第十一步 - 找到關鍵的破解迷宮方法(整體結構內常用的標籤)

大家好,中秋連假準備開始,喵橘我已經開始放假,我多請了一天特休,可以好好認真撰寫鐵人賽的文章,微笑。 整體結構內常用的標籤 <meta> 標籤 <meta>元素...

鐵人賽 自我挑戰組 DAY 10

技術 第十步 - 遇到迷宮,小心迷路(文章會使用的標籤語法)

大家好,終於走到第十天,我是喵橘,讓我喝點茶,再繼續出發吧! 首先,是一些撰寫文章內容的語法,一個一個說給大家聽。 文章會使用的標籤語法 <p> 標籤 <p>...