<span>標簽被用來組合文檔中的行內(nèi)元素,以便通過樣式來格式化它們
color:文字顏色
font-weight:文字大小
font-style:控制斜體,italic表示斜體,normal表示常規(guī)字體
text-transform:capitalize單詞首字大寫,uppercase全部大寫,lowercase全部小寫
vertical-align:top頂端對齊,bottom底端對齊,middle中間對齊
font-family :Arial , Sans-Serif ; 文字字體控制,如果系統(tǒng)中有Arial,則用Arial,如果沒有,則用Sans-Serif,如果也沒有則用瀏覽器默認字體
font-size :12px; 字體大小
#globallink a:link,#globallink a:vlink 未訪問的鏈接,已訪問的鏈接
#globallink a:hover 偽類,在鼠標移到元素上時向此元素添加特殊的樣式
text-decoration :underline; 表示下劃線,overline表示頂劃線,line-through表示刪除線
padding-top:3px;定義這行與上一行的距離
text-align:left;水平左對齊,right水平右對齊,center水平居中
vertical-align:baseline,bottom,middle,sub,super,text-bottom,text-top,top豎直對齊方式(IE與火狐顯示不一樣,盡量不要用)
首字放大:<span>字</span>
span
{
font-size:60px; /*字體大小*/
float:left; /*首字下沉*/
padding-right:5px;/*與右邊的間隔*/
font-weight:bold;粗體字;
font-family:黑體;
color:yellow;
}
圖片樣式
img.test1
{
border-style:dotted; /*點劃線,dashed,虛線*/
border-color:#FFFFFF;/*邊框顏色*/
border-width:2px; /*邊框粗細*/
width:80px; /*設(shè)置圖片寬度*/
height:80px; /*設(shè)置圖片高度*/
}
或
img.test1
{
border:dashed 2px blue;
}
其他
border-left /*左邊框設(shè)置同border*/
border-right /*右邊框同上*/
padding:10px 5px 15px 20px;上內(nèi)邊距是 10px ,右內(nèi)邊距是 5px, 下內(nèi)邊距是 15px ,左內(nèi)邊距是 20px
padding:10px 5px 15px;上內(nèi)邊距是 10px ,右內(nèi)邊距和左內(nèi)邊距是 5px ,下內(nèi)邊距是 15px
padding:10px 5px;上內(nèi)邊距和下內(nèi)邊距是 10px ,右內(nèi)邊距和左內(nèi)邊距是 5px
padding:10px;所有 4 個內(nèi)邊距都是 10px