【前端開發系列】—— 文字陰影與樣式

　　<div id="test1">與<div class="test2">有什麼區別呢？

　　id是這個界面惟一的元素，標識某個特定的容器，好比div等等。而class是一種樣式，能夠應用與多個div。

　　另外他們在配置CSS也是不一樣的：

　　id:

div#test1{ ... }

　　class:

div.test2{

}

 

　　text-shadow

　　爲字體屬性添加樣式陰影

　　word-break

　　一段文字自動換行

　　normal：默認樣式

　　keep-all：不分割單詞

　　break-all：能夠分割單詞

　　@font-face字體屬性

　　font-family：字體

　　font-size：字體大小

　　

<style type="text/css"> div#div1{ font-family:Comic Sans MS; font-size:16px; color:blue; word-break:keep-all; text-shadow:5px 5px 5px gray;
        } div#div2{ font-family:Tahoma; font-size:16px; color:red; word-break:normal;
        } div.div3{ font-family:Arial; font-size:16px; color:purple; word-break:break-all;
        } div.div4{ font-family:Times New Roman; font-size:16px; color:green;
        } </style>

　　測試樣例