CSS學習

1. 姓名:YU
2. 學號:4120C015
3. 回到上一層我的首頁

CSS上課連結

• 第六堂課
• 使用漸層背景
• 使用漸層背景-大頭照加彩虹
• 三張底圖的應用
• 底圖填滿的效果(contain/cover)
• 用底圖搭配清單設計按鈕
• 用CSS做會動的圖示
• 圖示方塊的旋轉-transform: rotate
• 圖示方塊的變化-transform: translate/scale
• 用CSS做會動的圖示-搭配transition
• 用CSS做會動的圖示-動畫效果
• 用CSS做會動的圖示-方塊移動
====================================================================
• 第五堂課
• 初探方塊-了解邊界
• 初探方塊-方塊框線 圓角 陰影
• 初探方塊-自製框線
• 二個方塊的對齊方式-預設值
• 二個方塊的對齊方式-使用大外框限制寬度
• 二個方塊的對齊方式-垂直對齊
• 二個方塊的對齊方式-用float在父元素上
• 多個方塊的位置設計-先用 margin 處理
• 多個方塊的位置設計-先用 vertical-align top 對齊
• 多個方塊的位置設計-用 position:absolute 處理
• 方塊固定的位置-用 position: 處理
• 使用overflow 限制子元素的內容
• 圓形照片-使用overflow
• 使用display 隱藏/顯示答案
===================================================================
• 第四堂課
• 字形練習-預設瀏覽器字形
• 字形練習-呼叫google fonts 的方法
• 處理超連結效果 :hover 初探
• 處理超連結效果-把a變區塊元素
• 測試 :hover 在任意的地方
• 用CSS修改 ul oi li...
• 了解繼承