BootStrap 網頁
大家好!
學習 BS 4
基礎學習
導覽列與版面配置
表單與 PHP
HTML & CSS
單純 HTM
搭配 CSS
期中報告前的大練習
學習進展
期中考大站
單頁式網頁製作
期末考網站
網站地圖
關於我
Unit3
3-3-1網路線介紹
3-3-2加入網頁背景圖
3-4-1使用 Class 以表格展示
3-6-1使用外部檔案呼叫CSS
Unit4
4-1-1字型練習-預設的連覽器字型
4-1-3字型練習-呼叫 Google Fonts
4-2-1處理超連結-hover 初探
4-2-2處理超連結-把a變成區塊元素
4-3-1測試 hover 在任意地方
4-4-1用 CSS 修改 ul , ol , il
4-6-1了解一下繼承
Unit5
5-1-1初探方塊 了解邊界
5-1-3初探方塊 框線圓角、陰影
5-1-4初探方塊 自製框線
5-2-1兩個方塊的對齊-預設值
5-2-2兩個方塊的對齊-使用大外框限制寬度
5-2-3兩個方塊的對齊-virtical-align 設計垂對齊
5-2-4兩個方塊的對齊-用float漂浮在父元素上面
5-3-1多個方塊的位置設計-margin處理
5-3-3多個方塊的位置設計-vertical-align top 對齊
5-3-5多個方塊的位置設計-position:absolute 處理
5-3-6方塊固定位置的方法-position:fixed 處理
5-4-1使用 overflow 限制子元素的內容
5-4-2圓形照片-使用overflow
5-4-3使用 display 隱藏/顯示答案
Unit6
6-1-1使用漸層背景
6-1-2使用漸層背景-大頭照加上彩虹
6-2-1三張底圖的應用
6-2-2底圖填滿的效果
6-2-3用底圖搭配清單
6-3-1用CSS做會動的圖示
6-4-1圖示方塊的選轉-tranform:rotate
6-4-2圖示方塊的選轉-transform:translate/scale
6-5-1用CSS做會動的圖示-搭配transition
6-6-1用CSS做會動的圖示-動畫效果
6-6-4用CSS做會動的圖示-方塊的移動
Unit7-
7-1-1單層導覽列
7-1-2單層導覽列-增加 active功能
7-2-1雙層導覽列-下拉式選單
7-3-1地圖超連結的按鈕
7-5-1HTML5 新標籤應用
學習重點
陳
快速連結
學習 HTML
學習 CSS
學習 bootstrap
重要學習進程
期中考個人報告
單頁式自我介紹
本學期的期末報告
製作團隊: 鳥哥實驗室(https://dic.vbird.tw)