一、文字對齊總結：
下面是我實際運用中遇到的問題總結：
css代碼：
效果（段落文字沒有對齊）：
去掉html中的<p>標簽，css樣式同樣去掉p標簽，效果如下（達到預期效果）：
為什么在div中加<p>標簽再給p設置樣式段落的最后一行會不對齊？
仔細一看寫的樣式發現了問題所在：
我之前用這樣的后代選擇器定義了樣式，它會讓在祖先容器introduce中的所有p的文本內容居中，而text-align定義為center，文本的最后一行不會居中，所以我的段落最后一行不會居中。
之所以#instroduce p選擇器設置的text-align樣式的優先級會大於.content p設置的text-align樣式的優先級，是因為#instroduce p選擇器的權重比.content p選擇器大，現在我只想讓第一p標簽的文本采用text-align：center居中，只需要將選擇器改成子選擇器即可：
這樣段落文本就可以對齊了，遇到這樣的問題，就會發現還是很有必要把css的權重計算問題弄透徹。
上面的.content p的樣式還可以再優化：
不需要設置text-align:justify段落也可以對齊，因為內容會自動填滿整個容器（我是這樣理解的），必要的情況下可以選擇用text-align:justify來給文本設置兩端對齊。
關於文字對齊text-align：
值的含義：
目前在谷歌瀏覽器和火狐瀏覽器上測的，必須要設置兩端對齊的時候，只需要將text-align設為justify就可以實現文字兩端對齊。