今天在排版的時候發現一個問題，如下圖
圖片與下方區塊產生了空白的間距
- 10月 03 週三 201811:23
《CSS》Image 造成的空白間距
今天在排版的時候發現一個問題，如下圖
圖片與下方區塊產生了空白的間距
- 7月 02 週一 201817:26
《CSS》針對IE11的CSS Hack
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.box_a{
background-color:#eee;
}
}
.box_a{
background-color:#eee;
}
}
- 6月 13 週三 201811:59
《CSS》-webkit-overflow-scrolling:touch
開發網站時，在IOS上的瀏覽器若是以電腦版模式預覽時
會發現滾動到底部的時候會整個頁面都會跟著滾動
會發現滾動到底部的時候會整個頁面都會跟著滾動
- 5月 11 週四 201713:53
《CSS》超出的文字用 「…」來呈現
過長的文章，想要侷限顯示的字數
- 6月 29 週三 201618:03
《CSS》nth-child 手冊
整理nth-child的幾種應用方式
假設有數字1~10
假設有數字1~10
- 1月 12 週一 201514:51
《CSS》去除瀏覽器連結框線
去除連結產生的虛線外框
可以在focus底下加入
outline: none; /* for Firefox Google Chrome */
behavior:expression(this.onFocus=this.blur()); /* for IE */
可以在focus底下加入
outline: none; /* for Firefox Google Chrome */
behavior:expression(this.onFocus=this.blur()); /* for IE */
- 12月 03 週三 201419:46
《CSS》-webkit-app-region 問題
新專案WEB版聊天視窗是基於chrome開發
因此CSS不需考量到其它瀏覽器
拖曳視窗使用 -webkit-app-region: drag;
因此CSS不需考量到其它瀏覽器
拖曳視窗使用 -webkit-app-region: drag;
- 4月 23 週三 201400:03
《CSS》使用 reset css之後，list-style-type消失
今天在進行排版時發現的問題：
為了讓CSS能在各瀏覽器表現一致，取消各瀏覽器的預設行為，通常我們會定義一個 reset.css 。
當網頁重新指定list-style-type 給ul
希望列表時能再秀出清單符號(如小圈點或小方塊) 卻沒有作用
為了讓CSS能在各瀏覽器表現一致，取消各瀏覽器的預設行為，通常我們會定義一個 reset.css 。
當網頁重新指定list-style-type 給ul
希望列表時能再秀出清單符號(如小圈點或小方塊) 卻沒有作用
- 9月 26 週四 201315:31
《CSS》Responsive Web Design 自適應設計
不再侷限的網頁排版
網路上不少相關資訊
大師級的教學：
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
網路上不少相關資訊
大師級的教學：
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
