CSS3 文字與字型慕課網學習總結

text-overflow用來設定是否使用乙個省略標記（…）標示物件內文字的溢位。

❤text-overflow只是用來說明文字溢位時用什麼方式顯示，要實現溢位時產生省略號的效果，還須定義強制文字在一行內顯示（white-space:nowrap）及溢位內容為隱藏（overflow:hidden），**如下：

text-overflow :ellipsis; overflow :hidden; /*溢位內容為隱藏*/ white-space :nowrap; /*強制文字在一行內顯示，直到遇到標籤為止。*/

【例題】

【網易2016內推筆試題】這是一段長度超過p元素的文字p> p問：新增哪個會使得超出的部分變成省略號「…」？ bd a.white-space :normal b.overflow :hidden c.overflow :auto d.text-overflow :ellipsis

word-wrap也可以用來設定文字行為，當前行超過指定容器的邊界時是否斷開轉行。

單詞太長的話就超出某個區域，在css3中，實現文字強制文字進行換行的屬性是word-wrap屬性，當它的值等於break-word的時候，就可以實現文字強制換行，可以對單個單詞進行拆分。

@font-face能夠載入伺服器端的字型檔案，讓瀏覽器端可以顯示使用者電腦裡沒有安裝的字型。

@font-face

【例如】

html:
class="demo">imooc
div>
css:
@font-face
.demo
text-shadow可以用來設定文字的陰影效果。
text-shadow: x-offset y-offset blur color;

【例如】

text-shadow: 0 1px 1px
#fff;

CSS3 文字與字型 慕課網 學習總結