[WebTech #63] CSS > 4. CSS 範例 > 4-3 排版相關語法

CSS 最早被發明的原因，就是用來把「排版」這件事，從 HTML 身上抽離，讓 HTML 能夠專心標記「文章結構」（標題、小標、段落...）。至於標題要用什麼字型、幾點字、是否對中...這些事，就統一交給 CSS 執行。

本篇將介紹 CSS3 排版相關語法的範例。透過了解這些範例，並參照下方的 CSS 參考手冊，相信您就能了解 CSS 排版語法的全貌了！

排版語法介紹： http://www.netmagazine.com/tutorials/master-new-css-layout-properties
一個複雜版面的範例： http://www.netmagazine.com/tutorials/create-fluid-layouts-html5-and-css3
排列出「內縮」版型的範例： http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/styling-simple-nested-comments-with-css/
多欄排列：
- 簡介： http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/an-introduction-to-the-css3-multiple-column-layout-module/
- 範例： http://www.hongkiat.com/blog/css3-multi-columns/
文字框排列： http://net.tutsplus.com/tutorials/html-css-techniques/an-introduction-to-css-flexbox/

最棒的 CSS Selector 或 Properties 線上參考手冊：
（進入後，Selector 在中央，Properties 在左下選單）
http://www.w3schools.com/cssref/css_selectors.asp

2020年Samsung 8KTV 及 4KTV 量子QLED量子電視列陣抵港, 韓系QLED代表Samsung急不及待將剛於CES2020中曝光的全新QLED帶到大家眼前。當中焦點之最必數 8K QLED 的 Q950TS、Q800T 系列。新系列換上第 2 代 8K AI 量子人工智能處理器，畫面升頻效果更好，更支援最新 8K AV1 編碼，YouTube就可以支援 8K 內容。仲有全新 Object Tracking Sound+ 技術，最緊要當然係佢個99%屏佔比同超薄邊框啦。而4K QLED電視一樣有好齊全嘅 Q95T、Q80T、Q70T 同 Q60T 系列選擇，同樣有 A.I. 影像處理技術加持。

⚡️圖文片 : https://post76.hk/news/2020/04/samsung-8k-4k-qled-2020/
⚡️討論帖 : https://post76.hk/thread-316748-1-1.html

----------------- ⚡️⚡️⚡️ 精選文章 ⚡️⚡️⚡️ ----------------
?‍♂️◆最新精華帖◆??
http://bit.ly/2WZa1iC

??‍♂️◆最新影音報告◆?
http://bit.ly/2FtLbBj

??‍♂️◆最新熱門帖◆ ✈️
http://bit.ly/2IDflEh

?主站: https://post76.hk/
?網店: https://store.post76.hk/

#Post76玩樂網 #samsung #8K #Q950TS #4K #Q800T #hometheater #家庭影院 #電視

-~-~~-~~~-~~-~-
Please watch: "【好熱戲特備】全港首試『#FOLLOWMi 鄭秀文世界巡迴演唱會』4K UHD 藍光碟 | 實試4K/60p HDR | DTS 24/96 Auro 3D升頻效果 "
https://www.youtube.com/watch?v=OchTYVe4Nz8
-~-~~-~~~-~~-~-

【抄牌大戰】
網友：「Laiming Tong / Jocy Tong 兩夫婦用粗口不停鬧炒牌警察，post上group馬鞍山之友想公審個警察反被公審，現已退group。不知所謂，毫無廉恥。嗱！有D警察呢...EQ真係好高！」

已經加上由網友Cillian Chu提供之英文字幕，歡迎開啟觀看，謝謝。Please turn on captions for English subtitles.
Credits: Cillian Chu

阿囡：爸B過黎吖！
阿仔：好野！放上網！
阿媽：你唔該快D啦，我真係返學呀，趕時間呀！你講野啦，你答啦，你而家又唔答！
個仔：快D呀！
阿媽：人地擔正黎做吖嘛，唔緊要，你咪做囉！咁你而家駁嘴啦，你又唔駁！
阿爸：睇你老母生仔有冇屎忽啦！吖，專登重要走出黎截鳩人，屌，九唔撚搭八！屌你老母特首都有犯法啦柒頭！
阿Sir：特首已經接受緊呢個法律程序！
阿爸：法你老母啦！讀多D書啦！
阿媽：你快D啦，我趕時間，我真係趕住返學呀！
阿爸：屌你老母！
阿媽：你搏表現都唔使咁啦下話！
阿Sir：罰告票唔係我咩表現架！
阿爸：唉，食屎啦！快D啦！
阿Sir：罰告票唔係咩表現黎架！
阿爸：屌你老母，做多兩年啦你！
阿Sir：我唔止兩年呀，仲有廿幾年慢慢做呀！
阿爸：係吖，屌你老母啦！
阿Sir：大家咁話吓！
阿爸：睇你老母遲早生仔啦，屌你老母臭閪！
阿Sir：我老母生咗個仔啦，個仔就係我啦！
阿爸：吓？
阿媽：你快D啦，你耽幾耐呀！我就遲到啦！
阿爸：見撚到你咁既性格乞兒狗真係屌你老母！
阿媽：你快D啦，比你抄你都要快D啦，我趕住返學呀，你見我湊咁多o靚仔！
阿爸：唔係唔比你抄呀，$450你都咁撚犯賤既你真係！屌你老母，你日日係果度睇，你老母係人，的士你做一架唔做一架，同你講sorry啦！你老母臭閪，你懶係型咁，你冚家鏟！得未呀！寫咁撚耐架！
阿Sir：寫緊呀等等呀！
阿爸：屌你老母讀多幾年書啦，幫辦呀，柒頭！
阿媽：寫幾個字都寫到咁慢！
阿Sir：做老散有做老散嘅樂趣既！
阿爸：樂你老母咩樂！
阿囡：爸B唔好嘈啦！
阿媽：我淨係知你寫張告票寫左三分鐘囉！影低曬架啦！
阿Sir：你咪影囉！我係寫左三分鐘架！無問題架！
阿爸：呢度洗唔洗抄多張呀？皇帝！黃線！
阿Sir：呢個唔需要抄，呢個係…
阿媽：你快D啦，你快D啦，你快D啦，我趕時間呀！

Sources:
香港公路奇觀 - 今次我撐阿sir, 好EQ, 好一句大家咁話, 哈哈!
https://www.facebook.com/iamcaml/videos/vb.319890051435602/910761839015084/
(片) 白痴夫婦以為自己拍片就大哂
http://www.discuss.com.hk/viewthread.php?tid=25168823&extra=&page=1
【有片】警察抄牌故意拖時間 , 搞到個仔返學遲到
http://forum6.hkgolden.com/view.aspx?type=CA&message=6077509
阿Sir抄牌被鬧手腳慢 「做散仔有樂趣嘅」
http://nextplus.nextmedia.com/news/recommend/20151007/276326
違例泊車，警察抄牌，其實係好正常嘅事，相信都冇乜人會反對，不過，今次就有啲唔同，司機大佬唔係投訴警員冇手下留情，而係抄得太耐喎！阿Sir同司機之間誰是誰非，我哋就唔深究喇，但係佢哋當中嘅對話就認真惹味呀。阿SIR密密寫，對方就密密鬧。司機兩公婆之後仲將短片放咗上網，結果就被網民話佢哋狂講粗口教壞細路呀！

網民熱話：大戰粗口夫婦　四眼Sir妙語完勝
http://hk.on.cc/hk/bkn/cnt/news/20151007/bkn-20151007233604688-1007_00822_001.html
醒目四眼Sir冷串爆粗夫婦！一對夫婦因違例泊車遭一名戴黑框眼鏡的警員「抄牌」，惟夫婦二人在警員抄牌期間，竟當着一對年幼子女面前，不斷以粗口辱罵四眼Sir。四眼Sir不但未有被激怒，反而輕描淡寫爆出連番妙語，例如遭夫婦大罵︰「特首都有犯法啦！X頭！」四眼Sir即回應︰「特首已經接受緊法律程序啦！」令人發出會心微笑。
其實發布短片者正是該對爆粗口夫婦，欲透過網絡公審四眼Sir，以洩心頭之恨。不過，爆粗夫婦最終反成網絡公審主角，網民幾乎一面倒怒插他們，批評二人在子女面前爆粗是做壞榜樣，「做人父母都唔以身作則，小朋友有樣學樣，唔怪得香港人啲質素越來越差。」另有網民指出事發地點是馬鞍山一個交通交匯處，經常有人非法泊車，阻礙專線小巴及的士出入，支持警員嚴以執法。

Related videos:
白痴夫婦以為自己拍片就大哂
https://youtu.be/0P53B9rFUTk
Hong Kong Police insulted by couple Oct2015(Eng)
https://youtu.be/oI-xdxvcmbo
車主投訴警察抄牌　粗口問候警員逾四分鐘
https://youtu.be/tB9QLhBmyMM
警察抄牌旅遊車司機理論 (字幕版)
https://youtu.be/4sRkkDkvmuI

Help us caption & translate this video!

http://amara.org/v/W8le/

Facebook : http://www.facebook.com/ahhins819
Instagram : http://instagram.com/ah_hin
UI Mods : http://leaguecraft.com/uimods
-------------------------------------------------------------------------------------------
文字教學：
步驟 1 - 點擊下面的連結
http://leaguecraft.com/uimods　
步驟 2 - 選擇自己喜愛的Mod 按下Download 並開始下載
步驟 3 - 把下載完成的壓縮檔解壓縮
解壓後 會得到一個叫 " HUDAtlas.tga "的檔案 把它放在桌面備用
步驟 4 - 尋找英雄聯盟的資料夾
步驟 5 - 在資料夾中找到" Textures "
路徑如下 :
GarenaLoLTW → GameData → Apps → LoLTW → Game → DATA → Menu → Textures
步驟 6 - 把" Textures "備份 (假如UI出了問題 ,直接以備份的" Textures " 取代現有的 " Textures " )
步驟 7 - 把原先下載好的 " HUDAtlas.tga " 放進 " Textures " 並按下 "複製並取代" )
步驟 8 - 開啟英雄聯盟 建立自訂對戰 測試UI是否有改到~
步驟 9 - 享受你的UI ~
-------------------------------------------------------------------------------------------
以上文字教學 轉自http://www.2000fun.com/thread-5478041-1-1.html
-------------------------------------------------------------------------------------------
有任何意見或者想有野同我講既 記住下面留言呀！