蔡競倫的網頁設計自學網
姓名：蔡競倫
學號：4050C001
學號：4050C001
蔡競倫自學網
> CSS 學習
- 第八堂課
- 第七堂課
- 第六堂課
- 6.1.A： 色彩漸層的體驗
- 6.1.B： 圓形的彩虹漸層處理
- 6.2.A： 寧夏的歌詞(三張底圖的處理方式)
- 6.2.B： 底圖的填滿效果(contain vs. cover)
- 6.2.C： 影像透明度的使用 opacity 的處理
- 6.3.A： 方塊內圖片上面疊上文字說明的統一格式處理
- 6.4.A： 多重圖示的轉動技巧加上萬用字元的呼叫使用
- 6.4.B： 圖示的重疊畫展示(五個圖示重疊)
- 6.5.A： 以漸變方式取代直接變化的 transition 功能
- 6.6.A： 以動畫方式讓滑鼠特效變成一直變動的畫面
- 6.6.B： 以動畫方式讓企鵝一直轉圈圈
- 6.6.C： 讓底圖的蜜蜂飛
- 6.6.D： 讓動畫持續輪轉
- 第五堂課
- 5.1.A:使用方塊留白與相關框線利用
- 5.1.B:區塊標記的左右對齊方式:margin-right:auto
- 5.1.C:方塊加上圓角以及陰影的方式
- 5.1.D:使用自製框線:border-image-source
- 5.2.A:利用display:inline-block讓區塊標記在水平線上面對齊
- 5.2.B:在小方塊外面加上一個大方塊來進行版面配置
- 5.2.C:利用vertical-align讓元素對齊水平面上方
- 5.2.D:利用float讓子元素漂浮在父元素上方
- 5.2.E:父元素加上overflow來解決子元素float後的排版問題
- 5.3.A:利用margin來讓方塊重疊的方式
- 5.3.B:透過z-index指定圖層的上下順序
- 5.3.C:透過vertical-alingn以及外層排版，定義三欄排版版型
- 5.3.D:使用position為relative修改子元素的相對位置
- 5.3.E:使用position為absolute修改子元素的絕對位置
- 5.3.F:使用position為fixed增加固定在瀏覽器上面的元件
- 5.4.A:進一步了解overflow的屬性質意義
- 5.4.B:圓形大頭照的處理方案
- 5.4.C:透過visibility隱藏答案
- 第四堂課
- 4.1.A:使用CSS修改字體相關的功能
- 4.1.B:在字框與字體之間透過padding保留空白留白感
- 4.1.C:Google與Adobe提供的字形顯示中文
- 4.2.A:超連結的:hover,:active,:focus特效
- 4.2.B:讓超連結變成區塊顯示(display:block)
- 4.3.A:hover用在其他任意的地方
- 4.4.A:清單與:hover的同時應用
- 4.4.B:清單特效:使用圖檔來取代前導符號
- 4.5.A:空氣品質(AQI)的相關說明用CSS美化圖表
- 4.5.B:空氣品質(AQI)的相關說明用CSS美化圖表:collapse的框線重疊
- 4.6.A:以清單來說明使用 ul li 會產生的後代繼承影響問題
- 4.6.B: 承上，使用 ul>li 討論後代就不會繼承的效應
- 4.6.C:使用 display 搭配 :hover 討論隱藏資料的特效
- 第三堂課