Please enable JavaScript.
Coggle requires JavaScript to display documents.
前端網站架設實務_2021 (CSS (CSS 排版實務 (神奇的定位器 (static, relative, absolute, fixed),…
前端網站架設實務_2021
CSS
CSS 排版實務
文字控制
背景的使用
版型置中
導覽列製作
多欄式排版
神奇的定位器
static
relative
absolute
fixed
px、%、em、rem
Box Model
box-sizing
偽元素
::before
::after
利用行距來實現垂直置中
浮動
解決父層高度遺失的問題
溢位
深度分配
CSS 3
transition
animation
transform
keyframes
選取器概念
id
標籤
類別
偽類
CSS 撰寫位置
外部
內部
行內
Reset
Myerweb
Normalize
CSS 優先權
選取器
撰寫位置
權重計算
link 與 import 的使用差異
載入順序
引入的差異
CSS 的規劃
架構
最小化
補充
解決瀏覽器相容的問題
CSS 設計模式
OOCSS
SMACSS
BEM
SASS
Fontawesome
CSS 框架
Bootstrap
Pure
網站參考
w3schools
w3school 在线教程
MDN
HTML 的組成
文件宣告模式
head
meta
description
keywords
og tag
title
description
url
image
type
title
script
link
Favorite icon
外部樣式
body
p
ul、li
h1~h6
a
div、span
strong、b
em、i
table
thead
tbody
tfoot
th
td
img
屬性
id
class
src
alt
title
bgColor
background
網頁互動製作
Javascript
我要把 Javascript 寫在哪裡
外部
內部
行內
輸出內容
alert
console
指定元素
getElementById
getElementsByTagName
getElementsByClassName
querySelector
querySelectorAll
常用事件
onclick
onmouseover
onmouseout
jQuery
引入
本地
CDN
功能強大的選取器
DOM
周遊方法
操作方法
絢麗的網頁動態效果
外掛的使用
jQuery UI
Fancybox
Lightbox
網頁設計觀念
工具
Dreamweaver
Sublime Text
Visual Studio Code
業界分工狀態
前端設計師(網頁設計)
前端工程師
後端工程師
介面設計師(UI、美術設計、美工)
RWD 響應式網頁製作
媒體查詢
斷點設定
Flex