CSS樣式 行間

2021-08-21 09:54:43 字數 1809 閱讀 5973

1.css文字樣式

以下內容均為填入中的樣式

<

divstyle

=「***x;」

>

設定下劃線,刪除線,頂劃線

text-decoration

:樣式屬性值:

none 無

underline 下劃線

line-through 刪除線

overline 頂劃線

設定文字大小寫

text-transform

屬性值:

lowercase     

全小寫capitalize    

單詞首字母大寫

uppercasee    

全大寫設定小型大寫字母

font-variant

:字母狀態

屬性值:

normal

正常狀態

small-caps

小型大寫字母

首行縮排

text-indent

:縮排距離

屬性值:

px,em,rem,百分比

文字預設字型大小16px

1em=16px=乙個漢字的大小

文字水平對齊方式

text-align

:對齊方式

屬性值:

left

左對齊(預設)

center

居中對齊

right

右對齊設定行高

line-height:行高

屬性值:

px,em,rem,百分比

設定字距/詞距

letter-spacing

: 字母間距

word

-spacing:詞距

2.字型樣式

設定字型型別

font-family:字型

設定字型粗細

font-weight:粗細

font-weight:設定字型粗細

屬性值:

可以用單詞也可以用數值

100200

300lighter

normal

400bold

700bolder

800900

設定字型樣式

font-style:樣式

屬性值:

normal

正常字型

italic

斜體oblique

字型傾斜

設定字型顏色

color:顏色

3.背景樣式

設定背景顏色

background-color:顏色

設定背景

background-image

:url(路徑)

設定是否平鋪

background-repeat

:是否平鋪

屬性值:

repeat

平鋪(預設)

no-repeat

不平鋪repeat-x

只在水平方向平鋪

repeat-y

只在垂直方向平鋪

設定背景的位置

background-position:位置

屬性值:

1.left,right,top ,bottom,center兩兩組合的九個位置

2.  x% y%(百分比)

3.xpx ypx(畫素值)

js 獲取非行間樣式

1 getcomputedstyle nodeobj,false 該方法是bom物件,第乙個是要獲採樣式的節點物件 第二個可以寫成任何的字元一般寫成false或者null,這裡最好是用false因為用null ie9 會有問題 後面直接跟要獲取的樣式 寫在方括號中 即可 var style getc...

css控制行間距

字型的選用要考慮該文字的用途,是做標題呢,還是段落文字?通常來說 san serif 字型適合作為標題使用,例如 arial serif 字型適合作為段落文字使用,例如time new roman。對於網頁設計來說,有幾個字型是我強烈推薦的,verdana,tahoma,ge ia。事實上,像 ve...

js入門知識(非行間樣式 陣列)

1 函式返回值 arguments 2 非行間樣式 currentstyle 當樣式不在行內時,如 在中 currenstyle ie中相容 getcomputedstyle 函式,false 火狐 谷歌相容 3 陣列基礎知識 定義 var a 1,2,3 新增刪除陣列 push 給尾部新增 pop...