成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
還在為網頁該如何設計煩惱嗎？在這門 HTML & CSS 課程中，將從 HTML 基本架構寫法開始，到 CSS 樣式撰寫，帶你完整認識並掌握各類語法，並透過實作練習，讓你學習如何完美操控 HTML & CSS，輕鬆打造網頁無負擔！
緯育TibaMe104學習精靈
CSS
CSS
關注
邀請朋友 
Facebook
Line
複製連結
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
CSS 學習推薦
全部
影片
文章
不知如何開始嗎？ 先進行技能挑戰吧～
技能挑戰：初級
目前等級：未達初級
1694 人已通過「初級」測驗，通過率89%，和學習精靈一起探索知識、增強能力！
我要挑戰
職場增能線上課程折扣碼【vip99】享9折優惠：課程清單
104課程中心，針對職場增能【指定線上課程】享限時優惠，不管針對工具學習、管理領導、AI應用....等，輸入限時折扣碼【vip99】9折優惠～
❤️折扣碼優惠期間：2024-06-30 23:59:59
❤️指定課程為課程說明頁有出現折扣碼優惠訊息才可享該優惠。
小編幫大家整理如下，趕緊來看看！！！！
【工程師與PM增能課程】
基礎扎根、應用職場技能....等學習。
🔷C# 從零開始前進.NET物件導向程式全攻略
🔷C# .Net Framework系統基礎實作攻略
🔷成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能
🔷透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
🔷學程式也能很好玩：不背語法寫Java
【新趨勢ＥＳＧ】
從認識到了解，到職場相關議題學習推薦！
🟩ESG產品策略-如何巧用產品生命週期的新產品開發術
🟩你必須知道的SDGs永續經營議題｜從ＥSＧ到淨零排放的商機通識課
【職場相關認證課程】
從了解認證，到考取認證相關學習推薦！
🔶微軟Azure超級入門實務與AZ-900認證攻略
🔶微軟 Azure｜通關 AZ-104 認證攻略，邁向雲端 IT 管理之路
🔶國際資安認證介紹
【面談與管理也是一門學問】
招募與管理人才的HR，以及想學習面談心法課程不可錯過！
🟣何謂績效管理與目標設定－掌握關鍵指標設定與面談技巧，談出好績效
🟣懂用人，當主管心不累：人資長教你帶出好員工的40個實戰QA
🟣貓世代的職場攻略 | 搞懂職場遊戲規則，找到我的生存之道
🟣超熙利！一門課搞定你的英文履歷面試
【職安應用與學習】
針對人資、總務．．．等的職業安全學習推薦。
⭕職安必修課｜執行職務遭受不法侵害預防計畫
⭕職安必修課｜職業安全衛生法
⭕職安必修課｜異常工作負荷危害預防計畫
⭕職安必修課｜性別平等工作法簡介
【更多熱門課程推薦】
以下為相關學習熱門課程，你可以透過感興趣的主題進行學習！
✅用Excel也能玩轉統計分析
✅身體復原力｜物理治療師帶你治癒辦公室疲勞
✅Git 速成攻略：2.5 小時變身版本控制達人
✅財會工作秒殺技! 活用VBA，開啟你的自動化工作術!
✅WordPress視覺排版設計超入門：CSS與HTML
更多課程優惠整理看這下一頁！
0
1
1012 0
拍手
留言
分享
Line
複製連結
收藏
熱門精選
🔥104人力銀行「2024職涯博覽會」開始報名啦📢
緯穎、德州儀器、遊戲橘子、東京威力科創、微軟(旭日計畫)、KPMG、IKEA、星巴克、宜得利、迪卡儂等，上百家頂尖知名企業現場徵才🤩
📍 6/15(六) 資訊科技、顧問金融業
📍 6/16(日) 電子製造業、零售服務業
連續兩日，優質企業將在現場釋出數千個工作機會💼
另有中高階獵才、職涯諮詢、趨勢論壇、夜fun職場等系列活動，
主題精采多元，除部分講座收費，其餘活動皆 免費！免費！免費！
4
3
11973 0
拍手
留言
分享
Line
複製連結
收藏
104學習精靈精選課程
看更多課程
想提升職場競爭力？專業技能課程看起來👇
學習精靈
youtube.com
CSS GRID / CSS格線好好玩【完整版】 | CSS教學 | CSS格線
1119 46
分享
Line
複製連結
收藏
要如何判斷使用者的裝置？手機、PC、平板判別法
在網頁開發中，了解使用者設備類型至關重要。透過User-Agent、CSS、JavaScript等方法，工程師可以根據不同設備提供最佳化的網頁體驗。以下為詳細說明：
1. User-Agent 字串： 瀏覽器會傳一串資訊給網站，其中就包含了使用者的設備資訊，像是操作系統和設備類型。工程師可以查看這串資訊，從中判斷使用者是用手機、電腦還是平板。
2. CSS 查詢： 工程師可以設計不同的網頁樣式，根據使用者的螢幕大小。比如，手機和平板可能會有不同的版面設計，而電腦則又不同。
3. JavaScript 檢測： 工程師可以用 JavaScript 檢查使用者的螢幕大小，以及其他設備資訊。這樣就能大概知道使用者用的是什麼設備。
4. 第三方庫或服務： 有一些工具可以幫助工程師判斷使用者的設備類型，不過這需要用到外部的程式庫或是服務。
5. 瀏覽器特性： 一些瀏覽器本身就有辦法讓工程師取得設備資訊，不過這個方法限制比較多，並不是所有瀏覽器都支援。
簡單來說，工程師可以透過這些方法來判斷使用者是用手機、電腦還是平板，進而調整網站的呈現方式，讓使用者有更好的使用體驗。
0
0
1069 0
拍手
留言
分享
Line
複製連結
收藏
學習精靈
03/19 00:00
youtube.com
[HTML][中文][初學] 01. HTML / CSS / JavaScript 網頁開發基本介紹 (線上課程教學)
4303 250
分享
Line
複製連結
收藏
推薦給你
【版主來解惑】生成式AI超火紅！最常遇到的問題是什麼？
最近生成式AI真的超火紅，不管是圖片、文字、影片，通通都能用AI來生成！我自己也試用過不少，像Bard、DALL-E、GPT-3.5 都各有特色。
不過，在使用生成式AI的過程中，不可避免地會遇到了一些問題，像是：
1️⃣ AI生成的內容有時會出現偏差或不實資訊，該如何避免？
2️⃣ 如何才能讓AI生成出更符合我需求的內容？
3️⃣ 生成式AI的著作權歸屬該如何認定？
不知道大家在使用生成式AI時，有沒有遇到過類似的問題呢？
👉歡迎在下方留言分享你的經驗和看法👈
版主也會透過接下來的文章，來解答最多人的疑惑🔥
➤ 歡迎在104學習精靈關注【AI趨勢報－科技愛好者的產地】獲得更多科技新知！
0
0
2 0
拍手
留言
分享
Line
複製連結
收藏
你可能感興趣的教室