課程介紹
解決你的網頁排版痛點「垂直置中」
CSS的水平置中很簡單，但是垂直置中就不是這麼容易了，即使是網頁設計從業者，也常常碰到效果做不到位的問題！設計師使用CSS語法時，若需要垂直置中物件，常會卡關。主要原因在於CSS初期是針對Web文檔設計，垂直置中需求不大，因此沒有設計語法。早期常用height=line-height方式解決，遇到多行文字時常無法使用。隨著CSS開發技術演進，CSS Float就是其中一種業界常用技巧，CSS Float浮動功能主要用來定義區塊浮動，控制網頁物件位置，讓網頁更美觀，可用於文字繞圖或DIV區塊排版，而Float可讓DIV區塊的span、圖片、影片…等元素浮動排列，多欄式網頁也多採用Float技巧規劃，多數主流瀏覽器也都支援CSS Float浮動功能，想解決垂直置中痛點？業界專家線上解析 Float浮動功能應用，精彩內容不可錯過！
講座大綱
- 盒子模型：HTML元素分類、內距、外距與邊框、寬度的設定
- Float 浮動：浮動功能易產生的問題及解決方案
- 垂直置中：三個常用的垂直置中技巧
李仲傑
經歷：
- 裴恩視覺事務所白色季視覺事務所 技術總監
- 桃園職訓中心Web APP 網頁設計講師
- 中國科技大學、萬能技術大學外聘講師
作品：
- MEWE 網站後台建置
- 宏洲綜合建材有限公司網站建置
- 國立內壢高中學生會官方網站建置
- 日鼎地板網站建置
報名方式
只要123，學習超簡單！
1. 線上填表免報名，免劃位【點我報名】
2. 上課當日簡訊發送上課連結
3. 打開電腦/手機輕鬆上課
活動網址
https://www.pcschool.com.tw/activity/107/10709-live-sep-css/index.aspx?fromto=99209001
