CSS 文字和背景

2021-09-10 07:26:15 字數 2607 閱讀 9792

文字樣式

屬性名

屬性值說明

color

顏色#red

#ff00ff

rgb(0,255,255)

rgba(0,0,255,0.5)

預設值,英文顏色

十六進製制顏色值

色彩函式(紅,綠,藍)

色彩函式(紅,綠,藍,透明度)

text-align

水平對齊

left

right

center

justify

左對齊右對齊

居中對齊

兩端對齊

vertical-align

垂直對齊

middle

topbottom

垂直居中

頂部對齊

底部對齊

text-indent

首行縮排

pxem

rem畫素

相對單位長度

根相對單位長度

line-height

文字行高

pxem

rem畫素

相對單位長度

根相對單位長度

text-decoration

文字裝飾

none

underline

overline

line-through

標準文字

下劃線上劃線

刪除線text-shadow

文字陰影

color

x-offset

y-offset

blur-radius

陰影顏色

x軸位移

y軸位移

模糊半徑

字型樣式

屬性名

屬性值說明

font-family

字型型別

「宋體」

"楷體"等

計算機預設字型

專案引用的自定義字型

font-size

字型大小

pxem

rem畫素

相對單位長度

根相對單位長度

font-style

字型風格

normal

italic

oblique

inherit

正常字型

斜體字體傾斜

繼承父元素風格

font-weight

字型粗細

normal

bold

bolder

lighter

100~900

正常字型

粗體更粗

更細值範圍:400為正常,700為粗體

letter-spacing

字型間距

pxem

rem畫素

相對單位長度

根相對單位長度

背景樣式

屬性名

屬性值說明

background-color

背景顏色

#red

#ff00ff

rgb(0,255,255)

rgba(0,0,255,0.5)

預設值,英文顏色

十六進製制顏色值

色彩函式(紅,綠,藍)

色彩函式(紅,綠,藍,透明度)

background-position

背景影象起始位置

xpos ypos

x% y%

x:left/center/right

y:top/center/bottom

固定值,單位可以是px/em/rem

相對值指定x位置

指定y位置

background-size

背景影象大小

weight height

percentage

cover

contain

固定大小

相對大小

最大填充

最小填充

background-repeat

背景影象重複方式

repeat

repeat-x

repeat-y

no-repeat

正常橫縱重複

橫向重複

縱向重複

不重複background-attachment

背景影象是否滾動

scroll

fixed

inherit

滾動固定

繼承父元素設定

background-image

背景影象

url(『url』)

none

影象的url

不顯示,預設

顏色漸變

線性漸變:顏色沿著一條直線過度(方向性):從左到右,從右到左,從上到下 等。

徑向漸變:圓形circle或橢圓形ellipse漸變,顏色不在沿著一條直線變化,而是從乙個起點朝所有方向混合。

CSS背景以及文字

css設定背景 css設定文字 padding內邊距 text indent 4em 首行縮排,可以為負數 也可以是百分數,縮排父元素的 數 p p.flower p.中間不能有空格 p.flower 文字間隔 h4預設值 none 對文字不做任何改動,將使用源文件中的原有大小寫。顧名思義,uppe...

css背景,文字,字型

一 背景 1.background color,為元素設定背景色。p 預設為透明也可以用 00000十六進製制還可以用rgb來表示。2.background image,背景預設null,body.可以將背景放在任意位置。3.background repeat,背景重複 平鋪,body.引數分別為 ...

css基礎入門文字 背景和邊框屬性

1 font size 10px 文字大小 2 color 文字顏色 3 font family 微軟雅黑 文字字型 4 line height 行高 1 background color 背景顏色 2 background repeat no repeat repeat x repeat y 背景...