『新手日記』Day-3 CSS 用direction做交錯式版面

前言

今天複習了一些的HTML標籤跟 CSS的文字相關的語法時，看到了一個很陌生詞：direction 。本來想說跳過因為沒看過，但想想還是把他點開了。還好有點開不然我今天不知道要打什麼^U^

介紹

根據W3Schools的資料：

根據我的英文老師-google的說法：他是指定塊級元素內的文本方向/書寫方向。本來看到這裡我也要準備離開繼續往下走，但在其中一篇Direction- 金魚都能懂的CSS必學屬性有提到一個名詞：交錯版面。

好奇去了解一下什麼是交錯版面，才發現原來這麼多網站都有用這個排版，印象中Apple官網之前也有這樣的排版方式。既然沒用過這個語法就來實作一次吧！！！

實做

既然只是練習所以整個畫面都是非常陽春的，內容是放今天剛打出60轟的『法官大人』的新聞內容。

在練習過程中剛好有運用到前幾天學到的新語法

1	:nth-child(even)//用來選取特定順序項目 ()可以填odd(基數)或是even(偶數)

會想到他是因為不太想用flex的下去做，想試試看其他方法。

整體來說算是一個很簡單的實作，語法的使用上也沒有太大問題，但感覺這個語法用到的頻率真的會不多啊！！！

結尾

複習到現在已經過了3天，進度稍微有點落後，才復習到與文字相關的ＣＳＳ，感覺要再更加把勁了！！！