一個頁面中，文本樣式，是必不可少的，當然css也給我們準備了很多很多很多的文本樣式，以下列舉了10個常用的文本樣式屬性及常用的屬性值，掌握了，也基本滿足使用了
1: text-transform 可以用來設置文本的大小寫
? ? ? ? 可選值：
? ? ? ? ? ? ? ? none 默認值，該怎么顯示就怎么顯示，不做任何處理
? ? ? ? ? ? ? ? capitalize [?k?p?t?la?z] 單詞的首字母大寫，通過空格來識別單詞
? ? ? ? ? ? ? ? uppercase [??p??ke?s] 所有的字母都大寫
? ? ? ? ? ? ? ? lowercase ['l?u?,keis] 所有的字母都小寫
2: text-decoration [d?k?'re??(?)n] 可以用來設置文本的修飾
? ? ? ? 可選值：
? ? ? ? ? ? ? ? none：默認值，不添加任何修飾，正常顯示
? ? ? ? ? ? ? ? underline 為文本添加下劃線
? ? ? ? ? ? ? ? overline 為文本添加上劃線
? ? ? ? ? ? ? ? line-through 為文本添加刪除線
? ? ? ? 超鏈接會默認添加下劃線，也就是超鏈接的text-decoration的默認值是underline
如果需要去除超鏈接的下劃線則需要將該樣式設置為none
3: letter-spacing可以指定字符間距
4: word-spacing可以設置單詞之間的距離
? ? ? ? 實際上就是設置詞與詞之間空格的大小
5: text-align用于設置文本的對齊方式
? ? ? ? 可選值：
? ? ? ? ? ? ? ? left 默認值，文本靠左對齊
? ? ? ? ? ? ? ? right ， 文本靠右對齊
? ? ? ? ? ? ? ? center ， 文本居中對齊
? ? ? ? ? ? ? ? justify ， 兩端對齊
? ? ? ? - 通過調整文本之間的空格的大小，來達到一個兩端對齊的目的，也可以讓圖片水平居中
6: text-indent 設置首行縮進
? ? ? ? -指定一個正值時，會自動向右側縮進指定的像素
? ? ? ? -指定一個負值，則會向左移動指定的像素,
? ? ? ? ? ? ? ? 通過這種方式可以將一些不想顯示的文字隱藏起來
? ? ? ? ? ? ? ? 這個值一般都會使用em作為單位
7: white-space: ; 設置網頁如何處理空白
? ? ? ? 可選值：
? ? ? ? ? ? ? ? normal 正常
? ? ? ? ? ? ? ? nowrap 不換行
? ? ? ? ? ? ? ? per 保留空白
8: text-overflow 文本溢出包含元素時發生的事情。
? ? ? ? 可選值：
? ? ? ? ? ? ? ? clip 修剪文本。
? ? ? ? ? ? ? ? ellipsis [i'lipsis] 顯示省略符號來代表被修剪的文本。
下面代碼有演示省略號的固定寫法
9: text-shadow: h-shadow ?v-shadow ?blur ?color;
? ? ? ? 參數1:必需。水平陰影的位置。允許負值。
? ? ? ? 參數2: 必需。垂直陰影的位置。允許負值。
? ? ? ? 參數3: 可選。模糊的距離。
? ? ? ? 參數4:可選。陰影的顏色 一般用rgba
10:vertical-align 設置元素垂直對齊的方式
? ? ? ? 可選值：
? ? ? ? ? ? ? ? baseline 默認值 基線對齊
? ? ? ? ? ? ? ? top 頂部對齊
? ? ? ? ? ? ? ? bottom 底部對齊
? ? ? ? ? ? ? ? middle 居中對齊
? ? ? ? ?應用：
? ? ? ? ? ? ? ? 1:圖文垂直對齊方式
? ? ? ? ? ? ? ? 2:圖片三像素的問題
? ? ? ? ? ? ? ? ? ? ? ? 父元素如果不設置高，由圖片撐開，此時圖片的底部就會有三像素的空白
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 解決方式一：vertical-align屬性值不為默認值
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 解決方式二：給圖片轉成塊元素
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 解決方式三：給父元素設置font-size為0
注意 vertical-align 只對行內元素、行內塊元素和表格單元格元素生效：不能用它垂直對齊塊級元素。
<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title></title><style type="text/css">.p1 {text-transform: uppercase;}.p2 {text-decoration: none;}a {text-decoration: none;}.p3 {/*3: letter-spacing可以指定字符間距 *//* letter-spacing: 30px; */word-spacing: 120px;}.p4 {text-align:center;/* text-transform: uppercase; */}.p5 {font-size: 20px;text-indent: 2em;}/* 省略號的固定寫法*/.box2 {width: 300px;white-space: nowrap;/* 裁剪多余 */overflow: hidden; /* 多余部分設置省略號 */text-overflow: ellipsis; }span {font-size: 30px;}.img1 {width: 400px;vertical-align:bottom;}.img2{vertical-align: middle;}.box{border: 1px solid red;width: 300px;/* font-size: 0; */}.box>img{/* vertical-align:baseline; */display: block;}h1 {text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);</style></head><body><img src="./img1.jpeg" alt="" class="img1" /><span>下雨回家收衣服了，hxjjsd</span><hr /><div class="box"><img src="./img1.jpeg" alt="" style="width: 300px;"/><img src="./img1.jpeg" alt="" style="width: 300px;"/></div><p class="p5">六也掉年反法耐的以耐要韓沫，人兩也的心為次弟為心上司洪善有想，幣無將持說在屯了如一老洪已人，不儉是失家是單，一衣在馬挾會負，陳骨派逃向高關動要太導韓氣我入，回今臺國降變呼蒲使他生，奔未韓法的春其如不少因，骨是氣評不殺話拆氏郭他司到，當劫會驚藏，聯沫褒娟才。</p><h1 class="p4">我是一個h1</h1><p class="p4">好又反之韓勇未你生介九雜，希稟攬韓有到找，韓樣人唯因這落塵匹說人緒平仍德仆，攬那儉生搏楊身才人讓視生五留心哉在報人，他皇吳我之德害使方來同仆秦落持家詞，圣力樂化是助沫此中來一實流太以太，哉于馬孔為那使他妄也耐幫通書，是兄之永謝派的，勝光君第，答她老，李持。</p><p class="p4">e had been four years on the Wall. The first time he had been sent beyond, all the old stories had come rushing back, and his bowels had turned to water. He had laughed about it afterward. Hewas a veteran of a hundred rangings by now, and the endless dark wilderness that the southron called the haunted forest had no more terrors for him.</p><p class="p3">普德弟上而，而宋子孔足來魂要筆游我入帥或感清商絳李，了一攏自慧考人的秦血考派用是承，滿由釜找夭樂風惜等了之不王，疇艷者司皇嘗臺入國是重說人，妙場關了活百絕是，才是之無斯筆土的楊千娟姑在亡高不不，了為人道在皮以到降為是公下一魂反不，化則月，譚德興褒皇有彷慨。</p><p class="p3">ings by now, and the endless dark wilderness that the southron called the haunted forest had no more terrors for him.</p><a href="#">我是超鏈接</a><p class="p2">gings by now, and the endless dark wilderness that the southron called the haunted forest had no more terrors for him.</p><p class="p1">ve we?” “Will saw them,” Gared said. “If he says they are dead, that’s proof enough for me.</p><div class="box2">法今廳法，中五的制以，楊道作說才氣欲知為死支是保，斯過何，嘗位他疇清反流當定予人夫秦么至程了，天韓說名可太若欲，沒己別哥天病九著罪得是對圣況詩善洪策開，主責是天守活罪他水，九和沉，一不其皇樣卅給氣脫鄉，價了是家下在得說特航大得搏，可給銳得，挾一詞不百怎之。</div></body>
</html>
 封裝BeanDefinition對象放入Map)
