段毅勛的
BootStrap
網頁
崑山科技大學學生
學習 BS 4
基礎學習
導覽列與版面配置
表單與 PHP
HTML & CSS
單純 HTML
搭配 CSS
期中報告前的大練習
學習進展
期中考大站
單頁式網頁製作
期末考網站
網站地圖
關於我
登入
第三課
3.3.1使用全域處理CSS - 網路線介紹
3.3.2開始使用背景圖示 - background用 url()
3.4.1開始使用 class - 以表格展示
3.6.1開始使用外部檔案呼叫CSS
第四課
4.1.1 練習不同字形 - 用預設瀏覽器字形
4.1.3 呼叫 google font
4.2.1 處理超連結效果 : hover 初探
4.2.2 處理超連結效果 : 把a變成區塊元素
4.3.1 測試:hover 用在任意地方
4.4.1 用CSS修改 ul,ol,li..
4.6.1 了解一下繼承
第五課
5.1.1 初探方塊 - 了解邊界
5.1.1 初探方塊 - 了解邊界
5.1.4 初探方塊 - 自製框線
5.2.1 兩個方塊的對齊 - 預設值 inline-block
5.2.2 兩個方塊的對齊 - 使用大外框線至寬度
5.2.3 兩個方塊的對齊 - 用virtical-align
5.2.4 兩個方塊的對齊 - 用figdiv 漂浮在父元素上面
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 隱藏跟顯示
Unit06-上課練習
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做會動的圖示-方塊的移動
Unit07-上課練習
7-1-1 單層導覽列
7-1-2 單層導覽列-增加 active功能
7-2-1 雙層導覽列-下拉式選單
7-3-1 地圖超連結的按鈕
7-5-1 HTML5 新標籤應用
我的css學習重點
