1. 程式人生 > >css的基礎樣式第一節

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