---
tags: CSS
---
# CSS--常見問題
## position
[七種垂直置中的方法](https://www.oxxostudio.tw/articles/201502/css-vertical-align-7methods.html)
[CSS relative? absolute? 傻傻分不清楚](https://ithelp.ithome.com.tw/articles/10212202)

## background-size
[CSS3 background-size 屬性](https://www.wibibi.com/info.php?tid=CSS3_background-size_%E5%B1%AC%E6%80%A7)

## 語意標籤
[HTML5 語意標籤](https://training.pada-x.com/docs/article.jsp?key=html5-semantic-elements)

## transition 轉場

## clearfix 清除浮動
[用 clearfix 解決 Bootstrap grid system 跑版問題，以及其背後原理
](https://medium.com/@kansetsu7/%E5%88%A9%E7%94%A8clearfix%E8%A7%A3%E6%B1%BAbootstrap-grid-system%E8%B7%91%E7%89%88%E5%95%8F%E9%A1%8C-%E4%BB%A5%E5%8F%8A%E5%85%B6%E8%83%8C%E5%BE%8C%E5%8E%9F%E7%90%86-58f6f461e4ca)

[清除浮動引起的高度塌陷的7種方法](https://www.itread01.com/content/1546504242.html)

## height高度設定
[為什麼 height:100%; 沒有起作用？](http://souffle77-blog.logdown.com/posts/774972--height-100)

[【day2】關於CSS height高度屬性](https://ithelp.ithome.com.tw/articles/10199731)

[html,body設定{height:100%}](https://www.itread01.com/content/1545568757.html)

[Make body have 100% of the browser height](https://stackoverflow.com/questions/6654958/make-body-have-100-of-the-browser-height)

## transform--translate
[CSS沒有極限 - CSS transform 軸線的謊言](https://wcc723.github.io/css/2013/10/09/css-transform-mistake/)

[使用 absolute + translate 達到CSS垂直置中的效果](https://ithelp.ithome.com.tw/articles/10202248)

[CSS 垂直置中的七個方法](https://www.oxxostudio.tw/articles/201502/css-vertical-align-7methods.html)

## 偽元素
[CSS 偽元素 ( before 與 after )](https://www.oxxostudio.tw/articles/201706/pseudo-element-1.html)

[CSS的before和after](https://www.webdesigns.com.tw/CSS_before-after.asp)

## text-overflow: ellipsis
[如何使用CSS的「text-overflow: ellipsis;」屬性限制內容字數？](https://www.astralweb.com.tw/css-ellipsis/)

[小技巧－為text-overflow: ellipsis增加完整文字顯示](https://blog.darkthread.net/blog/add-title-for-ellipsis/)

[CSS 語法，文字換行，強迫不換行](https://www.puritys.me/docs-blog/article-31-CSS-%E8%AA%9E%E6%B3%95%EF%BC%8C%E6%96%87%E5%AD%97%E6%8F%9B%E8%A1%8C%EF%BC%8C%E5%BC%B7%E8%BF%AB%E4%B8%8D%E6%8F%9B%E8%A1%8C%E3%80%82.html)

[[教學] CSS3新屬性，讓多行文字超出時自動隱藏，並出現….](https://www.minwt.com/webdesign-dev/css/20296.html)

[CSS 限制字數/行數，讓過長的文字隱藏變"…" | CSS to make text overflow elegant is with ellipses, single or multiple lines](http://blog.ja-anything.com/2018/01/17/css-%E8%AE%93%E9%81%8E%E9%95%B7%E7%9A%84%E6%96%87%E5%AD%97%E9%9A%B1%E8%97%8F%E8%AE%8A-css-to-make-text-overflow-elegant-is-with-ellipses-single-or-multiple-lines/)

## 文字大小 RWD
使用 vmin
[讓 RWD 網頁的文字(font-size)能自適應調整大小﹍極佳解決方案 vmin](https://www.wfublog.com/2017/06/rwd-font-size-solution-vmin.html#section4)