css
#
css
含有「css」共 11 篇內容
全部內容
發佈日期由新至舊
2024 網頁x人因xDjango 實務課程 02 前後端概念
當我剛開始接觸這個領域的時候,經常會看到有人在討論: 到底要做前端還是後端工程師呢?後端工程師賺的比前端工程師多?前端工程師轉後端工程師?那前端與後端到底是什麼呢? 這篇文章提供了前端與後端的基本概念並舉例來說明。同時也介紹了前端的三大要素以及後端的運作原理,對於想深入瞭解前後端的讀者會非常有幫助。
2024-02-29
2
#
網頁
#
文章
#
伺服器
[前端]Bootstrap5 客製化 (#1) 引入專案
在專案建置的過程中引入 Bootstrap 並且客製化其樣式已是非常常見的事,並且隨著對 Bootstrap 以及 Sass 了解的加深,發現客製化的幅度可以非常的大跟彈性,因此想記錄這些研究與實作的過程,如果對你也有幫助,那就太好了。
2023-10-16
0
#
前端
#
切版
#
scss
跟著KP用21天征服Responsive Layout-W2-Flexbox基礎-flex-item的width與對齊
在上一篇文章-跟著KP用21天征服Responsive Layout-W2-Flexbox基礎-flex-item的伸縮 。我們提到了flex-item的width會由自身的內容長度決定。這其實是件很不可控的事情,所以我們在開發上會傾向於對flex-item設置width。 flex-item
2023-08-29
3
#
css
#
flexbox
跟著KP用21天征服Responsive Layout-W2-優化flexbox的html結構
在學習了flexbox的起手式之後,讓我們來檢視與優化html結構吧。 <section class="three-col"> <div class="container"> <!--用來設置layout--> <div class="row"> <!-
2023-08-29
1
#
html
#
flexbox
#
css
跟著KP用21天征服Responsive Layout-W2-Flexbox基礎-flex-item的伸縮
歡迎來到第二周,這一周我們就要進入Flexbox了。今天我們會先認識Flexbox的起手式與flex-item的伸縮規則。
2023-08-29
0
#
css
【CSS】CSS 單位指南與應用大全(em, rem, vh, vw, %, px, vmin, vmax)
「px」,即像素,是最基本的單位,它常被用於指定字體大小、邊框粗細等。「em」和「rem」通常用於調整相對大小,「em」在子元素中的適用,而「rem」則以根元素為參考。另一方面,「vh」和「vw」分別代表視窗的高度和寬度百分比,特別適合實現響應式設計。「vmin」和「vmax」則根據視窗的最小或最大
2023-08-08
5
#
CSS
#
CSS應用
#
css
寫給電子書製作的自學者:去認識css與html碼!
來吧!把它學好來,自己從無到有不用依賴轉檔做出一本電子書,真的,不是,難事!
2023-03-31
13
#
電子書
#
html
#
工作
圖形辨識~尋寶遊戲
構想上,前端簡單的使用Google Map 做定位,並寫入SQL做第一段比對經緯度。接著前端有一個php上傳圖片的功能(沒有 https 所以就不做網頁開相機的方式)。經過上傳至伺服器後,python 圖形辨識,比對上傳的圖片,若比對成功或相似度差異不大,則判定正確,寫入SQL,端頁面顯示奪寶成功。
2022-11-21
5
#
python
#
php
#
google
CSS紀錄 ▎那些年糾纏我的sticky? 失效情形&解法紀錄
相信大家對於 sticky 這個效果不陌生,網頁上方的導覽列、文章側邊的相關閱讀等,諸多網頁都能看見它的身影,不過這篇不是 sticky 的使用教學,而是我自己的踩雷紀錄😅💣
2022-09-29
9
#
css
#
網頁開發
#
前端
中文總教學 2:pxCode 編輯概念
在 pxCode 裡,我們也建議應用相同的概念 —— 在切版前先進行一輪的【思考切版】。當有了結構概念之後,再動手執行,會更有效率!
2021-09-24
4
#
pxCode
#
切版
#
響應式網頁設計