關於CSS的雜項(常用項)

一、位置
標籤位置用align
標籤內容水平位置用text-align
標籤可通過設置line-height達到改變內容豎直高度的效果
二、背景
背景顏色background-color:①顏色名稱②#顏色代碼③rgb(r,g,b);
背景圖片background-image:url();
背景圖片填充方式background-repeat:
背景圖片調整大小background-size://參考
三、字體(font)
font-family:
font-size:
font-weight:
color:
text-indent://文字縮進(一箇中文字符爲1em=16px)
font-style://斜體粗體之類的字體
letter-spacing://設置字符之間的距離
word-spacing://等同於設置空格的寬
css1
css2
css3
需要注意的是使用百分比作爲量度時,有些屬性是以父級標籤爲基準,有些屬性以內容爲基準(如line-height:100%,則是說明標籤的行高爲內容高度的100%)
舉個栗子,這篇文章就不再更新了
< div class=”logo” style=”height:100px;”>
< img src=”圖片.bmp”/>
< /div>
要設置圖片上下居中?
方案1:img{
line-height:100%;
vertical-align:middle;
}//無效果,自行分析
方案2:img{
line-height:100px;
vertical-align:middle;
}//無效果,這樣寫詞不達意,先去正確使用一次再看
方案3:img{
vertical-align:middle;
}
div{
line-height:100%;
}//無效果,line-height值爲img的height
方案4:img{
vertical-align:middle;
}
div{
line-height:100px;
}//√

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章