13網頁前端CSS CSS背景屬性和文字屬性

2021-08-22 04:30:49 字數 855 閱讀 7294

一:背景屬性

1:    background-color: 背景顏色

repeat:平鋪

no-repeat:不平鋪

repeat-x:按x軸平鋪

repeat-y:按y軸平鋪

第乙個值:代表x軸的位置

兩個值:第乙個值代表x軸  第二個代表y軸

p
二:文字屬性

1: text-indent: 首行縮排

2:text-decoration: underline;加下劃線  或者使用u標籤

text-decoration: line-through;貫穿線

text-decoration: overline;上線、

3: word-spacing: 30px;   段和文之間的間距

4:letter-spacing: 30px;  文字和字母之間的間距

5:text-shadow: ;文字和文字是否有陰影和模糊效果

6: text-transform: capitalize物件中的文字的大小寫 :首字母大寫

text-transform: uppercase;變為大寫

7: background: green;

8: width: 50px;

9: height: 100px;

10:white-space: nowrap;強制在同一行內顯示文字內容

11: text-overflow: ellipsis;文字的溢位使用省略標記

12:  overflow: hidden;溢位隱藏

p

ul li

11網頁前端CSS CSS顏色屬性

一 color顏色屬性 1 hsl顏色 通過色調 h 飽和度 s 亮度 l 三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色。h hue色調 0 或360 表示紅色,120表示綠色,240表示藍色,也可以取其他數值來指定。s saturation飽和度 取值為0.0 100.0 l li...

10網頁前端CSS CSS選擇器

1 優先順序 內聯式 嵌入式 外聯式 當樣式衝突時,就是採用就近原則。沒有樣式衝突時則採用疊加效果。一 css基礎語法 1 格式 選擇器其中選擇器也叫 選擇符。2 這裡的宣告是以 屬性 值 的形式,而且多個宣告之間用分號進行分割 3 h1 4 這裡的h1就是選擇器,當然這裡直接用標籤當做選擇器了,後...

前端學習(七) 網頁分析

學完了html的相關簡單的,入門級別的標籤之後,接下來我們就針對比較主流的網頁 進行一下網頁的結構分析,也就是分析一下它的骨架 那這麼長的網頁我們應該從頭分析 綠色部分 這個是上部分的導航欄,可以稱為副的導航欄 當我們把滑鼠放在上面的時候,就變成了乙個小手圖示,說明文字使用a標籤寫的 紅色部分 這個...