iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1296 瀏覽

鐵人賽自我挑戰組 DAY 23

從零開始前端學習(HTML、CSS、JavaScript) 系列第 23 篇

技術 Day 23 CSS3 < 目標選擇器>

CSS3新增的目標選擇器類型: 1.屬性選擇器屬性選擇器可以根據元素特定屬性來選擇元素，這樣就可以不用藉助於類或者ID選擇器 MDN Web Docs 屬性選...

a0265392_lin ‧ 2021-10-03

0 Like 0 留言 1749 瀏覽

鐵人賽自我挑戰組 DAY 22

從零開始前端學習(HTML、CSS、JavaScript) 系列第 22 篇

技術 Day 22 HTML5 <HTML5 input類型、表單標籤>

HTML5新增的input類型:  <form action="">...

a0265392_lin ‧ 2021-10-02

0 Like 0 留言 1808 瀏覽

鐵人賽自我挑戰組 DAY 21

從零開始前端學習(HTML、CSS、JavaScript) 系列第 21 篇

技術 Day 21 HTML5 <HTML5 多媒體標籤>

多媒體標籤可以很方便的在頁面中嵌入音頻和視頻，而不用去使用flash和其他瀏覽器的插件，多媒體標籤主要分為視頻標籤、音頻標籤 1.視頻標籤 <video&...

a0265392_lin ‧ 2021-10-01

0 Like 0 留言 3200 瀏覽

鐵人賽自我挑戰組 DAY 20

從零開始前端學習(HTML、CSS、JavaScript) 系列第 20 篇

技術 Day 20 CSS & HTML5 <CSS的初始化 & HTML5 新增的語意化標籤>

CSS的初始化簡單理解 : CSS初始化是指重設瀏覽器的樣式 (也稱 CSS reset) 每個網頁都必須首先進行 CSS初始化初始化範例 : /* 把我们...

a0265392_lin ‧ 2021-09-30

0 Like 0 留言 2143 瀏覽

鐵人賽自我挑戰組 DAY 19

從零開始前端學習(HTML、CSS、JavaScript) 系列第 19 篇

技術 Day 19 CSS <icon font 字體圖標>

1. 字體圖標使用場景主要用於顯示網頁中通用或常用的一些小圖標因為精靈圖有許多優點但缺點也很明顯: a. 圖片文件相對較大b. 圖片本身放大和縮小會失真c...

a0265392_lin ‧ 2021-09-29

0 Like 0 留言 2575 瀏覽

鐵人賽自我挑戰組 DAY 18

從零開始前端學習(HTML、CSS、JavaScript) 系列第 18 篇

技術 Day 18 CSS <Sprite 精靈圖>

1. 為什麼需要精靈圖一個網頁中會需要很多小的背景作為修飾，若圖像過多服務器頻繁接收&發送會造成服務器壓力過大，將降低頁面加載速度因此，為了有效減少...

a0265392_lin ‧ 2021-09-28

0 Like 0 留言 1212 瀏覽

鐵人賽自我挑戰組 DAY 17

從零開始前端學習(HTML、CSS、JavaScript) 系列第 17 篇

技術 Day 17 CSS <用戶介面樣式 & 三角>

什麼是介面樣式? 所謂的介面樣式，就是更改一些用戶操作樣式，以提高用戶體驗。更改用戶的鼠標樣式語法 : li { cursor : pointer;...

a0265392_lin ‧ 2021-09-27

0 Like 0 留言 848 瀏覽

鐵人賽自我挑戰組 DAY 16

從零開始前端學習(HTML、CSS、JavaScript) 系列第 16 篇

技術 Day 16 CSS <網頁布局-定位布局-2.定位使用>

1. 邊偏移邊偏移就是定位的盒子移動到最終位置，有top bottom left right 四種 2. 相對定位絕對定位使用場景相對定位 posi...

a0265392_lin ‧ 2021-09-26

0 Like 0 留言 1884 瀏覽

鐵人賽自我挑戰組 DAY 15

從零開始前端學習(HTML、CSS、JavaScript) 系列第 15 篇

技術 Day 15 CSS <網頁布局-定位布局-1.定位模式>

為什麼需要定位元素? 定位元素可以實現 : 某個元素可以自由地在一個盒子內移動位置，並且壓住其他盒子當滾動窗口的時候，盒子是固定屏幕某個位置的所以 :...

a0265392_lin ‧ 2021-09-25

0 Like 0 留言 1434 瀏覽

鐵人賽自我挑戰組 DAY 14

從零開始前端學習(HTML、CSS、JavaScript) 系列第 14 篇

技術 Day 14 CSS <網頁布局-浮動布局>

浮動屬性float用於創建浮動使其移動到另一邊直到左或右邊緣觸及包含塊或另一個浮動框的邊緣語法 : 選擇器{float:屬性值;} /*...

a0265392_lin ‧ 2021-09-24

0 Like 0 留言 1777 瀏覽

鐵人賽自我挑戰組 DAY 13

從零開始前端學習(HTML、CSS、JavaScript) 系列第 13 篇

技術 Day 13 CSS <屬性書寫順序 & 網頁布局-標準布局>

CSS屬性書寫順序建議建議遵循以下順序 1. 布局定位屬性 : display / position / float / clear / visibility...

a0265392_lin ‧ 2021-09-23

0 Like 0 留言 2512 瀏覽

鐵人賽自我挑戰組 DAY 12

從零開始前端學習(HTML、CSS、JavaScript) 系列第 12 篇

技術 Day 12 CSS <圓角邊框、盒子陰影>

圓角邊框使用border-radius圓角邊框樣式，可以修改盒子邊框變成圓角語法: border-radius:length; //四邊屬性設置同樣 bo...

a0265392_lin ‧ 2021-09-22

0 Like 0 留言 1892 瀏覽

鐵人賽自我挑戰組 DAY 11

從零開始前端學習(HTML、CSS、JavaScript) 系列第 11 篇

技術 Day 11 CSS <三大特性>

CSS中語法有著三大特性分別為: 層疊性、繼承性、優先性 1. 層疊性若是設置給相同選擇器相同的樣式此時一個樣式就會覆蓋(層疊)另一個衝突的樣式層疊性...

a0265392_lin ‧ 2021-09-21

0 Like 0 留言 854 瀏覽

鐵人賽自我挑戰組 DAY 10

從零開始前端學習(HTML、CSS、JavaScript) 系列第 10 篇

技術 Day 10 CSS <元素顯示模式>

1. 什麼是元素顯示模式元素顯示模式就是元素(標籤)以什麼方式進行顯示作用 : 網頁的標籤非常多，了解他們的特點可以更方便的布局網頁 ex : <di...

a0265392_lin ‧ 2021-09-20

0 Like 0 留言 1560 瀏覽

鐵人賽 Modern Web DAY 24

33歲轉職者的前端筆記系列第 24 篇

技術 33歲轉職者的前端筆記-DAY 24 jQuery DOM 節點

jQuery 與 DOM 節點 .parent() / .parents() 往上層找到符合條件的元素，parent() 只往⾃⼰上⼀層找，⽽ parents...

a841722 ‧ 2021-09-24

0 Like 0 留言 4376 瀏覽

鐵人賽 Modern Web DAY 5

關於 UI 元件你所該知道的事系列第 5 篇

技術 Day 05 - 行前說明 — UI 元件分類你知多少？

今天是行前說明的最後一篇了，前面幾篇都是很架構面的知識，而今天要講的就是真的很貼近 UI 元件的分類系統了。首先想先回答一個問題：「UI 元件為什麼要分類呢...

parkerhiphop027 ‧ 2021-09-20

0 Like 0 留言 1937 瀏覽

鐵人賽自我挑戰組 DAY 9

從零開始前端學習(HTML、CSS、JavaScript) 系列第 9 篇

技術 Day 09 CSS <背景屬性>

CSS背景屬性可以給頁面元素添加背景樣式背景屬性可設置背景顏色、背景圖片、背景平舖、背景圖片位置、圖像固定等等 1.背景顏色background-color屬...

a0265392_lin ‧ 2021-09-19

0 Like 0 留言 890 瀏覽

鐵人賽自我挑戰組 DAY 8

從零開始前端學習(HTML、CSS、JavaScript) 系列第 8 篇

技術 Day 08 CSS <文本屬性>

CSS Text 屬性可定義文本的外觀例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ col...

a0265392_lin ‧ 2021-09-18

0 Like 0 留言 1212 瀏覽

鐵人賽 Modern Web DAY 20

33歲轉職者的前端筆記系列第 20 篇

技術 33歲轉職者的前端筆記-DAY 20 Javascript 基本知識筆記

寫Javascript前必要小知識 1.<!DOCTYPE html> 為 HTML 5 的語言格式2.head 是網路爬蟲爬的區塊，可以放很多資訊...

a841722 ‧ 2021-09-20

0 Like 0 留言 826 瀏覽

鐵人賽 Modern Web DAY 3

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 3 篇

技術 [Day 3]專案始動(前端篇)

到底該為一路順暢沒出Bug高興還是遇到難題花時間克服狂喜，都幾來啟動專案囉，使用的IDE為VScode，為什麼不是WebStrom呢，我開發後端都會選擇Je...

Moscle.dev ‧ 2021-09-18

1 Like 0 留言 5298 瀏覽

鐵人賽自我挑戰組 DAY 7

從零開始前端學習(HTML、CSS、JavaScript) 系列第 7 篇

技術 Day 07 CSS <字體屬性>

CSS Fonts(字體) 屬性用於定義字體系列、大小、粗細和文字樣式(ex:斜體) 1.字體系列font-family 屬性定義文本的字體系列 <st...

a0265392_lin ‧ 2021-09-17

0 Like 0 留言 1099 瀏覽

鐵人賽自我挑戰組 DAY 6

從零開始前端學習(HTML、CSS、JavaScript) 系列第 6 篇

技術 Day 06 CSS <複合選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將將繼續說明複合選擇器複合選擇器可以更準確更高效的選擇元素(標籤) 是由兩個或多個基礎選擇器透過不同方式組合而...

a0265392_lin ‧ 2021-09-16

0 Like 0 留言 1445 瀏覽

鐵人賽自我挑戰組 DAY 5

從零開始前端學習(HTML、CSS、JavaScript) 系列第 5 篇

技術 Day 05 CSS <基礎選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器單個選擇器組成，包含標籤選擇器、類選擇器、i...

a0265392_lin ‧ 2021-09-15

0 Like 0 留言 1561 瀏覽

鐵人賽自我挑戰組 DAY 4

從零開始前端學習(HTML、CSS、JavaScript) 系列第 4 篇

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料常用情況 : 註冊頁面... 主要由表單域、表單元素、提示文字這三種內容組成以MOMO註冊頁面為範例: 1.表單域...

a0265392_lin ‧ 2021-09-14

0 Like 0 留言 1189 瀏覽

鐵人賽自我挑戰組 DAY 3

從零開始前端學習(HTML、CSS、JavaScript) 系列第 3 篇

技術 Day 03 HTML<列表標籤>

列表標籤可以用來為頁面進行布局主要分為無序列表、有序列表、自定義列表三大類 1.無序列表無序列表主要使用的標籤如下蘋果香蕉鳳梨水蜜桃哈密瓜無序列表使用無序列...

a0265392_lin ‧ 2021-09-13

0 Like 0 留言 2069 瀏覽

鐵人賽自我挑戰組 DAY 2

從零開始前端學習(HTML、CSS、JavaScript) 系列第 2 篇