css的基礎樣式第一節

1.css背景
background-attachment 背景圖像是否固定或者隨着頁面的其餘部分滾動
background-color 設置元素的背景顏色
background-image 把圖片設置爲背景
background-position 設置背景圖片的起始位置
background-repeat 設置背景圖片是否及如何重複

2.css背景圖片
1.background-image屬性 設置背景圖片

2.background-repeat屬性 設置圖片是否可重複
屬性值:
no-repeat不能重複
repeat 可重複
repeat-x x軸重複
repeat-y y軸重複

3.background-position 設置圖片的起始位置
屬性值:
left center top bottom right

4.background-attachment 聲明圖像是否隨頁面滾動而移動
屬性值:
scroll 默認值 背景圖像隨頁面其餘部分滾動而移動
fixed 不移動
inherit 從父元素繼承background-attachment屬性的設置

3.css3背景
background-size規定背景圖片尺寸
background-origin 規定背景圖片的定位區域
background-clip 規定背景的繪製區域

4.css樣式文本
color 文本顏色
direction 文本方向
line-height 行高
letter-spacing 字符間距
text-align 對齊元素中的文本
text-decoration 向文本添加修飾
text-indent 縮進元素中文本的首行
text-transform 元素中的字母
unicode-bidi 設置文本方向
white-space 元素中空白的處理方式
word-spacing 字間距

注意
background-image:url屬性設置背景圖片時可能會出現路徑錯誤
這裏要使用的路徑爲相對路徑,絕對路徑不可以,在實際項目中很少使用絕對路徑。

絕對路徑:D:\YdPro\css學習\第四節:css基本樣式二\css列表項圖片\image\img1.jpg 這是絕對路徑,在外部樣式表中很容易查找不到.
相對路徑:這裏的相對路徑是指相對於css文件來說. 具體就是 …\image\img1.jpg.
具體問題詳見https://blog.csdn.net/strenghthen/article/details/52446587

https://blog.csdn.net/strenghthen/article/details/52446587

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