CSS基礎屬性

2021-08-03 20:14:44 字數 2202 閱讀 9129

background-color:red p

文字相關屬性

文字相關屬性主要包括顏色、對齊方式、修飾效果等

none 預設值

eg:text-decoration:line-through;
underline 加下劃線

overline 加上劃線

line-through 加刪除線   

text-shadow:增加陰影,比如text-shadow:-5px -10px gray;的含義是定義乙個灰色的背景,其水平方向上左移5px,垂直上上移10px;

direction(n.

方向;指導;趨勢)

ltr:自左至右;rtl:自右至左

text-align:

文字對齊方式

left:左對齊

right:右對齊

center:居中對齊

justify:兩端對齊

vertical-align:

文字垂直對齊方式

top

靠上對齊

bottom

靠下對齊

middle

垂直居中對齊

text-indent:文字縮排

letter-spacing:

字元之間的間距

word-spacing

:字(單詞)間距

line-height:設定行高,實際上是調整行間距

body

background-color:背景顏色

background-imagebackground-repeat:的複製選項
repeat:在水平和垂直兩個方向上進行複製
no-repeat:不複製
repeat-x:在水平方向上覆制
repeat-y:在垂直方向上覆制
也可以將這一組屬性的值封裝到乙個屬性background中,表達更加簡潔。

書寫順序是:背景色background-color

背景 background-image

重複方式 background-repeat

位置 background-position

background:

aqua

url(

"../image/

儲存按鈕

.png"

) no-repeatright top;

尺寸相關屬性

height:高度

weight:寬度

div

max-width:最大寬度

max-height:最大高度

min-width:最小寬度

min-height:最小高度

隱藏元素的方法:

(1)    visibility:hidden,僅僅隱藏內容,該元素所佔位置依然存在;

(2)    display:none,不僅隱藏內容,且讓隱藏的內容不佔位置

display 可以設定元素的顯示模式

inline:將塊級元素以內聯元素形式顯示,此時width和height屬性無效,其空間取決於元素的內容。

eg:將塊級元素以內聯元素來顯示

<ul>

<li>服裝li>

<li>美食li>

<li>戶外旅遊li>

ul>

type=

"text/css">

listyle>

lnline-block:將塊級元素以內聯元素形式顯示,同時兼具塊級元素的某些特徵,比如可以使用width和height設定所佔位置的大小。

eg:將內聯元素以塊級元素來顯示

<span>

html

span>

<

span>

cssspan>

<

span>

aaaspan>

CSS基礎屬性

字型有以下相關屬性 font size 字型大小 font family 字型型別 font style 字形 斜體等 font variant 字型變化 如大寫 font weight 字型粗細 也可以簡寫為,但必須按以下順序排序 font style font variant font weig...

CSS基礎屬性2

屬性名 屬性值 background color red p 2.1字型相關屬性 font family 字型名稱 font size 字型大小 font style 字形 斜體等 font variaus 字型變化 font variant 字型變化 如大寫 font weight 100 字型粗...

css基礎 font link list屬性

1 字型 2字型系列 font family 3字型樣式 font style normal 預設 italic 斜體 oblique 傾斜的字型 4字型大小 font size 5字型的粗細 font weight normal 預設 bold 定義大小數字67 8用em來設定字型大小,em的尺寸...