上周陸續把一些在舊家的網頁筆記轉過來,順便重新整理寫過教學。
結果發現自己還滿熱血的,一次轉了好幾篇,而且如果時間允許是會想要把所有文章轉過來。 順路也使用了現在很多人用的語法 demo 平台,好方便!! (這工具之前就有用,但沒用在 blog 上) 我是用 jsfiddle.net ,可以有外嵌語法放到 blog,不用自己再準備空間做 demo 實在是太便利 其實養貓這件事,是很矛盾的
有時候,覺得他們好可愛... 大多時候,我的東西都是被毀壞的 小的就是不見 (玩到床底下或櫃子下的縫隙中),大的則是破的壞的 今天回家就又體驗了一次對他們恨但又無法怎麼樣的狀態...
利用 padding-bottom 和 margin-bottom 負值推回的特性去做視覺上等高的效果
外包父元素必須加入 overflow: hidden; 屬性去裁切掉 padding 多餘的部分 實際上三個 box 的高度都因為 padding-bottom 多出許多 此方式算是一種障眼法,並不是最好的做法 最漂亮的做法也許是 display: table; 或乾脆以 javascript 去判斷等高 以下為 demo: z-index 屬性是 position 的家人,當區塊元素設定了 position 之後,z-index 則可以設定其層級
有點像是 photoshop 的圖層概念,可以讓 position 的屬性堆疊層次 當區塊元素設定了 position 後並沒有特別宣告 z-index 時,z-index 皆預設為 0 此時層級則由 html 順序決定前後,越先出現的區塊在越下 (也就是後出現則在上) |
|